👩‍💻 Динамическое создание таблицы из массива объектов

Напишите функцию, которая принимает массив объектов и массив ключей. Функция должна возвращать HTML-строку, содержащую таблицу <table>, где каждая строка <tr> соответствует объекту из массива, а каждая ячейка <td> — значению указанных ключей.

Пример использования:

const data = [
  { id: 1, name: "Alice", role: "Frontend Developer", experience: 2 },
  { id: 2, name: "Bob", role: "Backend Developer", experience: 5 },
  { id: 3, name: "Charlie", role: "DevOps Engineer", experience: 3 }
];

const columns = ["name", "role", "experience"];

const renderedTable = renderTable(data, columns);
console.log(renderedTable);
// Ожидаемый результат:
// "<table>
//   <tr><td>Alice</td><td>Frontend Developer</td><td>2</td></tr>
//   <tr><td>Bob</td><td>Backend Developer</td><td>5</td></tr>
//   <tr><td>Charlie</td><td>DevOps Engineer</td><td>3</td></tr>
// </table>"

Решение задачи🔽

function renderTable(array, keys) {
const headers = `<tr>${keys.map(key => `<th>${key}</th>`).join("")}</tr>`;
const rows = array
.map(item => `<tr>${keys.map(key => `<td>${item[key]}</td>`).join("")}</tr>`)
.join("");
return `<table>${headers}${rows}</table>`;
}