1.7 KiB
title | localeTitle |
---|---|
Create Strings Using Template Literals | Criar Strings Usando Literais de Template |
Em vez de usar a concatenação de strings, o ES6 oferece literais de modelo para criar strings. Nesse desafio, você precisa usar literais de modelo para criar uma matriz de avisos de texto.
Lembre-se de usar Read-Search-Ask
se você ficar preso. Tente emparelhar o programa e escrever seu próprio código.
Explicação do Problema:
É necessário usar literais de modelo para retornar uma lista como todos os elementos da matriz, pois o elemento será agrupado em uma tag <li></li>
.
Sugestão: 1
- Use a função
map()
para aplicar os literais do template em todos os elementosarr
tente resolver o problema agora
Dica: 2
- Dentro do
map()
use uma função de seta que tenhaelement
como um parâmetro e retorne<li></li>
que possui a classe de aviso de texto e contém oelement
dentro dela
tente resolver o problema agora
Alerta de Spoiler!
Solução à frente!
const resultDisplayArray = arr.map(item => `<li class="text-warning">${item}</li>`);
Nenhuma solução de mapa ()
Apesar de ser uma solução menos flexível, se você souber o número de elementos antecipadamente, poderá enumerá-los como
const resultDisplayArray = [`<li class="text-warning">${arr[0]}</li>`, `<li class="text-warning">${arr[1]}</li>` ,`<li class="text-warning">${arr[2]}</li>`];