Как построить список на основе сгруппированных и уникализированных данных?

Question

[rshruslan]

Есть массив:

let array = [
  {
    category: 'Animals',
    type: 'something'
  },
  {
    category:'Animals',
    type: 'some'
  },
  {
    category: 'Animals',
    type: 'something'
  },
  {
    category: 'Human',
    type: 'some'
  },
  {
    category: 'Human',
    type: 'some2'
  },
  {
    category: 'Human',
    type: 'some2'
  }
]

Из него надо получить следующее:

Animals
--something
--some
Human
--some
--some2

Answer 1

[0xD34F]

const grouped = arr.reduce((acc, n) => {
  (acc[n.category] = acc[n.category] || []).push(n.type);
  return acc;
}, {});

const html = `
  <ul>${Object.entries(grouped).map(([ k, v ]) => `
    <li>
      ${k}
      <ul>${[...new Set(v)].map(n => `
        <li>${n}</li>`).join('')}
      </ul>
    </li>`).join('')}
  </ul>`;

Comments

[rshruslan]

Спасибо, чуть позже проверю

[rshruslan]

Полностью работает, понял в чем у меня была ошибка, спасибо вам, а то у меня выводился только 1 категория и 1 тип, а мне просто надо переделать в рабочем варианте для человека