Strings multilinha
Escreva textos multilinha legíveis sem caracteres de escape.
Strings multilinha é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de JavaScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de JavaScript Academy inclui 4 aulas no total.
A forma antiga
Antes dos literais de modelo, uma cadeia de caracteres multilinha exigia sequências explícitas de escape de nova linha ou concatenação de cadeias entre linhas. Isso era extenso e sujeito a erros.
const old = "Line 1\nLine 2\nLine 3"
console.log(old)Literais de modelo abrangem várias linhas
Um literal de modelo escrito com acentos graves pode conter quebras de linha reais no código-fonte. Cada nova linha digitada se torna uma nova linha na cadeia de caracteres.
O exemplo executável reproduz a mesma saída usando sequências de escape.
const text = "First\nSecond\nThird"
console.log(text)O espaço em branco é preservado
A indentação e os espaços dentro de um modelo multilinha são mantidos exatamente como foram escritos. Isso é importante ao gerar uma saída formatada.
const block = " indented\n more indented"
console.log(block)Criando parágrafos
Cadeias de caracteres multilinha são úteis para parágrafos de texto, corpos de e-mail ou modelos. Aqui, montamos uma mensagem curta.
const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)Contando linhas
Você pode dividir uma cadeia de caracteres multilinha no caractere de nova linha para contar ou processar linhas individuais.
const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)Unindo em várias linhas
Um vetor de linhas pode ser unido com um separador de nova linha para criar programaticamente uma cadeia de caracteres multilinha.
const parts = ["one", "two", "three"]
console.log(parts.join("\n"))Combinando com interpolação
Os modelos multilinha também podem conter marcadores de posição, combinando valores dinâmicos com quebras de linha. O exemplo usa concatenação para mostrar o resultado.
const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)Tabulações e caracteres especiais
Você pode incluir caracteres de tabulação com a sequência de escape de tabulação, mesmo dentro de cadeias de caracteres multilinha, para alinhar colunas.
const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)Removendo linhas extras
Cadeias de caracteres multilinha às vezes contêm linhas vazias no início ou no fim. O método trim remove o espaço em branco ao redor, incluindo novas linhas.
const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")Gerando texto de código
Cadeias de caracteres multilinha são úteis para emitir trechos de código-fonte ou configurações como saída de texto.
const code = "function add(a, b) {\n return a + b\n}"
console.log(code)Atenção ao tamanho das linhas
Lembre-se de que um modelo multilinha inclui cada nova linha digitada. Quebras de linha acidentais podem introduzir espaços em branco inesperados, portanto formate intencionalmente.
const a = "no break here and here"
console.log(a.length)Verificação rápida
Teste sua compreensão de textos multilinha.
Recapitulação
Recapitulação: Literais de modelo permitem texto multilinha real.
- As novas linhas do código-fonte se tornam novas linhas na cadeia de caracteres
- O espaço em branco é preservado exatamente
- Combine com interpolação para obter blocos dinâmicos
- Use split e join para processar linhas
console.log("Line A\nLine B")Perguntas Frequentes
A aula “Strings multilinha” é grátis?
Sim — o texto completo de “Strings multilinha” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de JavaScript Academy, atualize para CoddyKit PRO. O curso de JavaScript Academy inclui 4 aulas no total.
O que vou aprender em “Strings multilinha”?
Escreva textos multilinha legíveis sem caracteres de escape. Você pratica JavaScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar JavaScript Academy?
Nenhuma experiência prévia é necessária. JavaScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.
Quanto tempo leva a aula “Strings multilinha”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de JavaScript Academy?
Sim. Cada aula de JavaScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Fundamentos da interpolação de strings
- Strings multilinha
- Funções de template com tag
- Casos de uso práticos de templates com tag