Strings e texto

Bem-vindo ao mundo do texto em JavaScript! Sempre que você vê uma mensagem de boas-vindas em um site, um nome de usuário na tela ou um alerta de erro, está olhando para um texto. Nesta lição, você vai aprender a escrever texto no seu código e a combinar palavras para criar mensagens úteis.

O que é uma string?

Em programação, um trecho de texto é chamado de string. Você pode pensar nela como uma sequência de letras, números ou símbolos amarrados em uma linha. Uma string pode ser tão curta quanto uma única letra, ou tão longa quanto um livro inteiro.

Como escrever strings com aspas

Para dizer ao JavaScript que uma palavra é uma string de texto, e não um comando ou trecho de código, você precisa envolvê-la em aspas.

O JavaScript oferece três formas de envolver o seu texto:

Aspas simples: 'Olá'
Aspas duplas: "Olá"
Crases (backticks): `Olá`

Todas as três formas são válidas e funcionam perfeitamente para escrever texto básico!

Combinando strings com variáveis

Muitas vezes, você vai querer misturar texto comum com uma variável (um contêiner com nome que guarda dados). Por exemplo, você pode querer que um programa diga "Olá" seguido do nome específico de um usuário.

Quando você quer combinar texto e variáveis com facilidade, as crases costumam ser a escolha mais simples. As crases permitem que você insira variáveis diretamente no texto usando um marcador especial parecido com isto: ${variableName}.

Primeiro exemplo de código

Veja como criamos uma saudação personalizada simples e a mostramos na seção de saída usando console.log().

Editável

const firstName = "Alex";
const greeting = `Olá, ${firstName}!`;
console.log(greeting);

Explicação passo a passo

Vamos detalhar exatamente o que está acontecendo no código acima:

const firstName = "Alex"; Criamos uma variável chamada firstName e armazenamos a string "Alex" dentro dela. Usamos aspas duplas aqui para envolver o texto.
const greeting = `Olá, ${firstName}!`; Criamos uma segunda variável chamada greeting. Usamos crases aqui para podermos inserir a variável firstName bem no meio do texto usando o marcador ${}.
console.log(greeting); Usamos o comando console.log() para enviar nossa mensagem final à seção de saída abaixo do código. Depois de clicar em Executar, você deve ver: Olá, Alex!.

Mini tarefa

Tente você mesmo no bloco de código editável acima.

Mude "Alex" para o seu próprio nome.
Clique em Executar.
Confira a saída abaixo do código e veja a mensagem se atualizar.

Pequeno quiz

Pergunta: Qual caractere é melhor usar quando você quer combinar texto com uma variável facilmente? A) Aspas simples (') B) Aspas duplas (") C) Crases (`)

Resposta: C! As crases são especiais porque permitem que você use o marcador ${} para injetar variáveis diretamente nas suas strings.

Pequeno desafio

Você consegue escrever um pequeno programa que imprime uma mensagem sobre a sua cor favorita?

Crie uma variável chamada favoriteColor e defina-a como uma string (como "blue" ou "green").
Crie uma variável chamada message usando crases.
Use as crases e a sua variável para fazer a mensagem dizer "Minha cor favorita é blue."
Imprima a message na seção de saída usando console.log().

Editável

// coloque seu código abaixo

console.log()

Resumo

Uma string é o termo de programação para texto.
As strings precisam ser envolvidas em aspas simples, aspas duplas ou crases para funcionarem corretamente.
As crases são incrivelmente úteis porque permitem que você combine texto e variáveis facilmente para construir mensagens dinâmicas e personalizadas.
Você pode usar console.log() para enviar suas strings à seção de saída e ver os resultados do seu código.