@urajo

Как вывести объект при помощи массива(или другие варианты вывода объекта)?

Есть массив условно

["Первый", "Второй"];


Есть объект со вложенными объектами

{
"Первый":
0: {id: 8, branch: "Административные службы"}
"Второй":
0: {id: 1, branch: "Администрация"}
1: {id: 2, branch: "Администрация"}
}

Мне нужно все это вывести в таблицу т.е заголовок таблицы "первый" и все что из соответствующего объекта - выводится под ним. Затем Заголовок "Второй" И выводится все из этого объекта. Какие варианты есть?
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelector('#output').innerHTML = arr.map(n => {
  const columns = Object.keys(obj[n][0]);

  return `
    <h1>${n}</h1>
    <table>
      <thead>
        <tr>${columns.map(n => `
          <th>${n}</th>`).join('')}
        </tr>
      </thead>
      <tbody>${obj[n].map(row => `
        <tr>${columns.map(col => `
          <td>${row[col]}</td>`).join('')}
        </tr>`).join('')}
      </tbody>
    </table>`;
}).join('');

https://jsfiddle.net/gtefo9yn/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 апр. 2024, в 21:56
2000 руб./за проект
18 апр. 2024, в 21:00
150 руб./за проект