Strings e template literals

"5" + 3 dá "53", não 8. Quando um dos lados do + é uma string, o JavaScript junta textos em vez de somar números.

Texto num programa

Nomes, mensagens, endereços, senhas e páginas web inteiras são texto, e o JavaScript guarda texto como strings. Uma string é uma sequência de caracteres entre aspas. O JavaScript aceita três tipos de aspas: aspas duplas "assim", aspas simples 'assim' e crases `assim`. Os dois primeiros funcionam do mesmo jeito. As crases criam um template literal, que tem poderes extras explicados mais abaixo.

Se o seu texto tem um tipo de aspas, envolva-o com o outro: "It's late" funciona porque o apóstrofo não é uma aspa dupla. Você também pode pôr uma barra invertida antes de uma aspa para dizer "esta faz parte do texto": 'It\'s late'. Uma barra invertida seguida de n, escrita \n, quer dizer uma quebra de linha dentro da string.

Comprimento e posições

Toda string sabe quantos caracteres tem: "JavaScript".length é 10. Cada caractere também tem uma posição, chamada índice, e a contagem começa em 0, não em 1. Então em "JavaScript" o índice 0 é J, o índice 4 é S e o último índice é 9, um a menos que o comprimento. Você lê um único caractere com colchetes: word[0]. Começar do 0 parece estranho no início, mas a maioria das linguagens de programação conta assim, e você vai ver isso de novo com arrays.

const word = "JavaScript";
console.log(word.length);                // mostra 10
console.log(word[0]);                    // mostra J
console.log(word[word.length - 1]);      // mostra t

Métodos úteis de string

As strings vêm com ferramentas embutidas chamadas métodos, que você chama com um ponto depois da string. toUpperCase() e toLowerCase() devolvem uma cópia em maiúsculas ou minúsculas. includes("Script") responde true ou false conforme o texto aparece ou não lá dentro. slice(0, 4) devolve os caracteres do índice 0 até o índice 4, sem incluí-lo, o que em "JavaScript" dá "Java". trim() tira os espaços das duas pontas, útil para limpar algo que uma pessoa digitou. Nenhum deles muda a string original. Em JavaScript, strings não podem ser alteradas no lugar; os métodos sempre devolvem uma string nova.

Juntando strings com +

O operador + junta strings ponta com ponta, o que se chama concatenação. "Hello, " + "Mina" dá "Hello, Mina". Os espaços não são postos para você, então ponha-os dentro das aspas. Aqui está a armadilha da abertura: se qualquer um dos lados do + é uma string, o JavaScript transforma o outro lado em string e junta os dois. "5" + 3 dá "53". Os outros operadores aritméticos não juntam texto, então "5" * 2 converte "5" em número e dá 10. Para transformar uma string com algarismos num número de verdade, use Number("5").

Template literals

Montar uma frase com + vira bagunça rápido: name + " is " + age + " years old." exige cuidado com espaços e aspas. Um template literal, escrito com crases, deixa você pôr valores direto no texto com ${ }. O que estiver dentro das chaves é avaliado como expressão e o resultado é colocado na string. Template literals também podem ocupar várias linhas.

const name = "Mina";
const age = 14;
console.log(`${name} is ${age} years old.`);   // mostra: Mina is 14 years old.
console.log(`Next year: ${age + 1}`);           // mostra: Next year: 15

Exemplo resolvido. Uma etiqueta de loja precisa dizer "3 apples cost 4.5". Com const n = 3, price = 1.5; o template `${n} apples cost ${n * price}` resolve numa linha só, e a multiplicação acontece dentro das chaves.