Как так вывестить данные из массива?

Question

[Mirrrta]

Есть массив:

[
  {
    id: 1,
    name: "Ivan",
    type: "FirstName",
  },
  {
    id: 2,
    name: "Petrov",
    type: "LastName",
  },
  {
    id: 3,
    name: "Zhora",
    type: "FirstName",
  },
]

Как мне правильно вывести эти данные на страницу, чтобы получилось что-то типа такого:



То есть сгрупировать по полю в объекте?

Answer 1

[Андрей Пастухов]

Можно лодашем воспользоваться _.groupBy(array, 'type')

Или

const groupedByType = array.reduce((acc, item) => {
  const arr = acc[item.type] || []
  arr.push(item)
  acc[item.type] = arr
  return acc
}, {})