Template Literals
Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 3 de 65.
Template literals usam crases `` para criar strings e permitem inserir expressões usando ${}. Por exemplo, ao criar saudações, você pode incorporar nomes ou outros dados dinamicamente diretamente no template literal.
Exemplo:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Insere userName dentro da stringTemplate literals também suportam strings de múltiplas linhas sem a necessidade do caractere de escape \n. Você pode simplesmente pressionar Enter para uma nova linha, e a quebra de linha será preservada na saída. Ambas as abordagens funcionam:
// Usando \n
const message1 = `Line 1\nLine 2`;
// Usando quebras de linha reais
const message2 = `Line 1
Line 2`;Ambos produzem o mesmo resultado
Desafio
FácilCrie uma função chamada greetAll que recebe um array de nomes e retorna uma string. Cada nome no array deve produzir uma linha com o formato Hello, <Name>! unidos em uma única string, separados por quebras de linha. Use template literals para as linhas de saudação.
Folha de consulta
Template literals usam crases `` para criar strings e permitem que você insira expressões usando ${}:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Insere userName dentro da stringTemplate literals suportam strings de múltiplas linhas sem a necessidade de caracteres de escape \n:
// Usando \n
const message1 = `Line 1\nLine 2`;
// Usando quebras de linha reais
const message2 = `Line 1
Line 2`;
// Ambos produzem o mesmo resultadoExperimente você mesmo
function greetAll(names) {
// Escreva seu código aqui
}
// Não escreva nada fora da função
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Lógica & Fluxo
1Strings em Profundidade
Fundamentos de StringsIterar sobre StringsTemplate LiteralsMétodos de StringRecapitulação - String Weaver4JSON Parte 2
Iterar sobre JSONJSON AninhadoEncadeamento Opcional em JSONCópia Rasa e ProfundaRecapitulação - Loja de BicicletasRecapitulação - Sistema Solar7Sistema de Gerenciamento de Biblioteca
Visão Geral do ProjetoAdicionando Livros
Buscar por TítuloFiltrar por GêneroMarcar como Lido10Gerenciar Sistema de Festival
Visão Geral do ProjetoAdicionar Filmes e LocaisAdicionar SessãoComprar IngressosAvaliar FilmesCancelar Sessões2Arrays Multidimensionais
Fundamentos de Arrays 2DAcessando Elementos de Arrays 2DLoops Aninhados com Arrays 2DRecapitulação - Arrays 2DAdição e Subtração de MatrizesArrays IrregularesArrays 3D e AlémPadrões Comuns de Arrays 2DRecapitulação - Tudo Sobre Arrays5Sets Parte 1
O que é um Set?Iterando sobre SetsAdicionando um elementoRemovendo um elementoVerificando se um elemento existeTamanho e Is EmptyCopy e ClearRecapitulação - O básico de Sets8Tópicos Interessantes sobre Arrays
Desestruturação de ArraysSintaxe Spread em ArraysArrays EsparsosRecapitulação - Workshop de Arrays3JSON Parte 1
O que é um JSON?Verificar se a Chave ExisteMétodos de ObjetoO Spread Operator Parte 1O Spread Operator Parte 2Remover ChavesRecapitulação - Manipular Chaves JSON