How to get data out of an array?

Question

JavaScript

There is an array:

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

How can I correctly display this data on the page so that something like this happens:



That is, group by field in the object?

Answer 1

You can use lodash Or_.groupBy(array, 'type')

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