Template Literals
Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 3 de 65.
Template literals usam crases Template literals também suportam strings de várias linhas sem precisar do caractere de escape Ambos produzem o mesmo resultado.
` para criar strings e permitem que você insira expressões usando ${}.Por exemplo, ao criar saudações, você pode embutir dinamicamente nomes ou outros dados diretamente dentro da template literal. Você também pode incluir símbolos como $ colocando-os diretamente dentro das crases.Exemplo:const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is ${price}.`;
// Insere userName e price dentro da string\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`;
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>! unidas em uma única string, separadas por quebras de linha. Use template literals para as linhas de saudação.
Experimente 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