每个条目都应该包装在具有类属性 text-warning 的 li 元素内,并在 resultDisplayArray 中列出。
const result = {
success: ["max-length", "no-amd", "prefer-arrow-functions"],
failure: ["no-var", "var-on-top", "linebreak"],
skipped: ["id-blacklist", "no-dup-keys"]
};
function makeList(arr) {
"use strict";
const resultDisplayArray = `${result.failure[0]}`;
return resultDisplayArray;
}
/**
* makeList(result.failure) should return:
* [ `<li class="text-warning">no-var</li>`,
* `<li class="text-warning">var-on-top</li>`,
* `<li class="text-warning">linebreak</li>` ]
**/
const resultDisplayArray = makeList(result.failure);
最佳答案
您可以使用Array.map就像下面这样
const result = {success: ["max-length", "no-amd", "prefer-arrow-functions"],failure: ["no-var", "var-on-top", "linebreak"],skipped: ["id-blacklist", "no-dup-keys"]};
function makeList(arr) {
return arr.map(v => `<li class='text-warning'>${v}</li>`);
}
const resultDisplayArray = makeList(result.failure);
console.log(resultDisplayArray);
关于javascript - 如何使用带有反引号的 ES6 模板文字语法来显示 "result"对象的失败数组的每个条目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55950853/