1.5 KiB
1.5 KiB
title | localeTitle |
---|---|
Create Strings Using Template Literals | 使用模板文字创建字符串 |
ES6不是使用字符串连接,而是提供模板文字来创建字符串。在此挑战中,您必须使用模板文字来创建文本警告数组。
如果卡住,请记得使用**Read-Search-Ask
** 。尝试配对程序并编写自己的代码。
问题说明:
需要使用模板文字将列表作为数组中的每个元素返回,因为元素将包含在<li></li>
标记中。
提示:1
- 使用
map()
函数在所有arr
元素上应用模板文字
现在尝试解决问题
提示:2
- 在
map()
使用一个箭头函数,它将element
作为参数并返回<li></li>
,它具有text-warning类并包含其中的element
现在尝试解决问题
扰流警报!
提前解决!
const resultDisplayArray = arr.map(item => `<li class="text-warning">${item}</li>`);
没有map()解决方案
尽管它是一个不太灵活的解决方案,如果您事先知道元素的数量,您可以将它们枚举为
const resultDisplayArray = [`<li class="text-warning">${arr[0]}</li>`, `<li class="text-warning">${arr[1]}</li>` ,`<li class="text-warning">${arr[2]}</li>`];