Cadeias JavaScript
As strings JavaScript são para armazenar e manipular texto.
Uma string JavaScript é zero ou mais caracteres escritos entre aspas.
Exemplo
let text = "John Doe";
Você pode usar aspas simples ou duplas:
Exemplo
let carName1 = "Volvo XC60";
// Double quotes
let carName2 = 'Volvo XC60'; // Single quotes
Você pode usar aspas dentro de uma string, desde que elas não correspondam às aspas que cercam a string:
Exemplo
let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
Comprimento da string
Para encontrar o comprimento de uma string, use a length
propriedade interna:
Exemplo
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
Caractere de Fuga
Como as strings devem ser escritas entre aspas, o JavaScript não entenderá essa string:
let text = "We are the so-called "Vikings" from the north.";
A string será cortada para "Nós somos os chamados ".
A solução para evitar esse problema é usar o caractere de escape de barra invertida .
O caractere de escape de barra invertida ( \
) transforma caracteres especiais em caracteres de string:
Code | Result | Description |
---|---|---|
\' | ' | Single quote |
\" | " | Double quote |
\\ | \ | Backslash |
A sequência \"
insere aspas duplas em uma string:
Exemplo
let text = "We are the so-called \"Vikings\" from the north.";
A sequência \'
insere uma aspa simples em uma string:
Exemplo
let text= 'It\'s alright.';
A sequência \\
insere uma barra invertida em uma string:
Exemplo
let text = "The character \\ is called backslash.";
Seis outras sequências de escape são válidas em JavaScript:
Code | Result |
---|---|
\b | Backspace |
\f | Form Feed |
\n | New Line |
\r | Carriage Return |
\t | Horizontal Tabulator |
\v | Vertical Tabulator |
Os 6 caracteres de escape acima foram originalmente projetados para controlar máquinas de escrever, teletipos e aparelhos de fax. Eles não fazem nenhum sentido em HTML.
Quebrando Linhas de Código Longas
Para melhor legibilidade, os programadores geralmente preferem evitar linhas de código com mais de 80 caracteres.
Se uma instrução JavaScript não couber em uma linha, o melhor lugar para quebrá-la é depois de um operador:
Exemplo
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Você também pode dividir uma linha de código dentro de uma string de texto com uma única barra invertida:
Exemplo
document.getElementById("demo").innerHTML =
"Hello \
Dolly!";
O \
método não é o método preferido. Pode não ter suporte universal.
Alguns navegadores não permitem espaços atrás do \
caractere.
Uma maneira mais segura de quebrar uma string é usar a adição de string:
Exemplo
document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
Você não pode dividir uma linha de código com uma barra invertida:
Exemplo
document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Strings JavaScript como Objetos
Normalmente, strings JavaScript são valores primitivos, criados a partir de literais:
let x = "John";
Mas strings também podem ser definidas como objetos com a palavra-chave new
:
let y = new String("John");
Exemplo
let x = "John";
let y = new String("John");
Não crie objetos Strings.
A new
palavra-chave complica o código e diminui a velocidade de execução.
Objetos de string podem produzir resultados inesperados:
Ao usar o ==
operador, x e y são iguais :
let x = "John";
let y = new String("John");
Ao usar o ===
operador, x e y não são iguais :
let x = "John";
let y = new String("John");
Observe a diferença entre (x==y)
e (x===y)
.
(x == y)
verdadeiro ou falso?
let x = new String("John");
let y = new String("John");
(x === y)
verdadeiro ou falso?
let x = new String("John");
let y = new String("John");
A comparação de dois objetos JavaScript sempre retorna false .
Referência de string completa
Para uma referência completa de String, acesse nosso:
Referência de string JavaScript completa .
A referência contém descrições e exemplos de todas as propriedades e métodos de string.