3 maneiras de escapar de uma string em JavaScript
Aprenda 3 maneiras de escapar de uma string em JavaScript, incluindo o caractere de escape, a sintaxe oposta da string e os literais de modelo. Este artigo irá ajudá-lo a escolher o método certo para suas necessidades.
Em JavaScript, uma string é um tipo de dados que representa uma sequência de caracteres que pode consistir em letras, números, símbolos, palavras ou sentenças.
Strings são usadas para representar dados baseados em texto e são definidas principalmente usando aspas simples ( ') ou aspas duplas ( ").
let name1 = 'John Doe';
let name2 = "John Doe";
Devido ao fato de que essas aspas são usadas para denotar strings, você precisa ter cuidado ao usar apóstrofos e aspas em strings.
Quando você tenta usá-los em uma string, no sentido real, isso terminará a string e o JavaScript tentará analisar o restante da string pretendida como código. Isso gerará um erro.
let quote = "He said, "I learned from freeCodeCamp!"";
Isso lançará um erro, como visto abaixo:
Uncaught SyntaxError: Unexpected identifier 'I'
Em JavaScript, se você precisar incluir aspas ou apóstrofos em uma string, existem três maneiras principais de corrigir o erro. Esses métodos são:
- Usando a sintaxe de string oposta
- Usando um caractere de escape
- Usando literais de modelo
Como usar a sintaxe de string oposta para escapar de uma string em JavaScript
Em JavaScript, você pode usar a sintaxe de string oposta 'ou "escapar de uma string. Para fazer isso, você deve agrupar a string na sintaxe oposta da que está escapando.
let quote = 'He said, "I learned from freeCodeCamp!"';
console.log(quote); // He said, "I learned from freeCodeCamp!"
let apostrophe = "It's a beautiful day";
console.log(apostrophe); // It's a beautiful day
Isso significa que, se você usar aspas duplas para agrupar sua string, poderá usar um apóstrofo dentro da string. Além disso, se você colocar sua string entre aspas simples, poderá usar aspas duplas na string.
Mas há limitações para isso porque e se você tiver que usar uma aspa e um apóstrofo na mesma string? Então você pode usar um caractere de escape ( \).
Como usar o caractere de escape ( \) para escapar de uma string em JavaScript
Em JavaScript, você pode escapar de uma string usando o \caractere (barra invertida). A barra invertida indica que o próximo caractere deve ser tratado como um caractere literal em vez de um caractere especial ou delimitador de string.
Aqui está um exemplo de escape de uma string em JavaScript:
let quote = "He said, \"I learned from freeCodeCamp!\"";
console.log(quote); // He said, "I learned from freeCodeCamp!"
let apostrophe = 'It\'s a beautiful day';
console.log(apostrophe); // It's a beautiful day
Como usar literais de modelo para escapar de uma string em JavaScript
Em JavaScript, você também pode usar Template Literals (também conhecido como Template Strings) para escapar de uma string.
Template Literais são strings literais que permitem incorporar expressões dentro de uma string, usando a sintaxe ${expression}.
let quote = `He said, "I learned from freeCodeCamp!"`;
console.log(quote); // He said, "I learned from freeCodeCamp!"
Com Template Literals, você não precisa usar barras invertidas para escapar dos caracteres. Em vez disso, você simplesmente envolve a string em backticks ( )
Empacotando!
Neste artigo, você aprendeu como escapar de uma string em JavaScript. Isso ajudará você a evitar o uso de caracteres Unicode para adicionar aspas e apóstrofos em strings.
Fonte: https://www.freecodecamp.org
#javascript