Как использовать буквальный синтаксис шаблона ES6 с обратными галочками для отображения каждой записи массива сбоев объекта «result»

Question

Предполагается, что каждая запись заключена в элемент li с атрибутом text-warning класса и указана в 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);

Answer 1

Вы можете использовать array.map. 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) {
  "use strict";
  return arr.map(item => `<li class='text-warning'>${item}</li>`)
}

console.log(makeList(result.failure))

Answer 2

Вы можете использовать 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);