Resumo : neste tutorial, você aprenderá sobre o string
tipo primitivo JavaScript e como usá-lo para definir strings.
Introdução às strings JavaScript
Strings JavaScript são valores primitivos. Além disso, as strings são imutáveis. Isso significa que se você modificar uma string, sempre obterá uma nova string. A string original não muda.
Para criar strings literais, você usa aspas simples ( '
) ou aspas duplas ( "
) assim:
let str = 'Hi';
let greeting = "Hello";
Linguagem de código: JavaScript ( javascript )
ES6 introduziu literais de modelo que permitem definir caracteres de crase (`) de string:
let name = `John`';
Linguagem de código: JavaScript ( javascript )
Os literais de modelo permitem que você use aspas simples e duplas dentro de uma string sem a necessidade de escapar delas. Por exemplo:
let mesage = `"I'm good". She said";
Linguagem de código: JavaScript ( javascript )
Além disso, você pode colocar as variáveis e expressões dentro de um modelo literal. JavaScript substituirá as variáveis por seus valores na string. Isso é chamado de interpolação de strings. Por exemplo:
let name = 'John';
let message = `Hi, I'm ${name}.`;
console.log(message);
Linguagem de código: JavaScript ( javascript )
Saída:
Hi, I'm John.
Neste exemplo, o JavaScript substitui a name
variável pelo seu valor dentro do literal do modelo.
Escapando caracteres especiais
Para escapar de caracteres especiais, você usa o \
caractere de barra invertida. Por exemplo:
- Quebra de linha do Windows:
'\r\n'
- Quebra de linha Unix:
'\n'
- Aba:
'\t'
- Barra invertida
'\'
O exemplo a seguir usa o caractere de barra invertida para escapar do caractere de aspas simples em uma string:
let str = 'I\'m a string!';
Linguagem de código: JavaScript ( javascript )
Obtendo o comprimento da string
A length
propriedade retorna o comprimento de uma string:
let str = "Good Morning!";
console.log(str.length); // 13
Linguagem de código: JavaScript ( javascript )
Observe que JavaScript possui o String
tipo (com a letra S
maiúscula), que é o tipo wrapper primitivo do string
tipo primitivo. Portanto, você pode acessar todas as propriedades e métodos do tipo String a partir de uma string primitiva.
Acessando personagens
Para acessar os caracteres em uma string, você usa a notação semelhante a uma matriz []
com o índice baseado em zero. O exemplo a seguir retorna o primeiro caractere de uma string com índice zero:
let str = "Hello";
console.log(str[0]); // "H"
Linguagem de código: JavaScript ( javascript )
Para acessar o último caractere da string, você usa o length - 1
índice:
let str = "Hello";
console.log(str[str.length -1]); // "o"
Linguagem de código: JavaScript ( javascript )
Concatenando strings via operador +
Para concatenar duas ou mais strings , você usa o +
operador:
let name = 'John';
let str = 'Hello ' + name;
console.log(str); // "Hello John"
Linguagem de código: JavaScript ( javascript )
Se quiser montar um barbante peça por peça, você pode usar o +=
operador:
let className = 'btn';
className += ' btn-primary'
className += ' none';
console.log(className);
Linguagem de código: JavaScript ( javascript )
Saída:
btn btn-primary none
Linguagem de código: JavaScript ( javascript )
Convertendo valores em string
Para converter um valor que não seja de string em uma string, use um dos seguintes:
- Sequência(n);
- ”+n
- n.toString()
Observe que o toString()
método não funciona para undefined
e null
.
Ao converter uma string em booleano, você não pode convertê-la novamente. Por exemplo:
let status = false;
let str = status.toString(); // "false"
let back = Boolean(str); // true
Linguagem de código: JavaScript ( javascript )
Neste exemplo:
- Primeiro, declare a
status
variável e inicialize-a com o valor defalse
. - Segundo, converta a variável de status em uma string usando o
toString()
método. - Terceiro, converta a string de volta em um valor booleano usando a
Boolean()
função. A função Boolean() converte a string"false"
em um valor booleano. O resultado é verdadeiro porque"false"
é uma string não vazia.
Observe que apenas a string para a qual Boolean()
retorna false
, é a string vazia ( ''
);
Comparando strings
Para comparar duas strings, você usa operadores de comparação como , >
, >=
, e operadores.<
<=
==
Os operadores de comparação comparam strings com base nos valores numéricos dos caracteres. E pode retornar uma ordem de string diferente daquela usada nos dicionários. Por exemplo:
let result = 'a' < 'b';
console.log(result); // true
Linguagem de código: JavaScript ( javascript )
No entanto:
let result = 'a' < 'B';
console.log(result); // false
Linguagem de código: JavaScript ( javascript )
Resumo
- Strings JavaScript são valores primitivos e imutáveis.
- Strings literais são delimitadas por aspas simples (
'
), aspas duplas ("
) ou crases (`). - A
length
propriedade retorna o comprimento da string. - Use os operadores de comparação `>, >=, <, <=, == para comparar strings.