Как сгруппировать элементы массива?

Question

[Mirrrta]

Есть данные:

[
  { city: 'Москва', address: 'адрес 1' },
  { city: 'Москва', address: 'адрес 2' },
  { city: 'Петербург', address: 'адрес 3' },
  { city: 'Москва', address: 'адрес 4' },
]

Нужно получить данные в таком виде:

[
  { city: 'Москва', address: [ 'адрес 1', 'адрес 2', 'адрес 4' ] },
  { city: 'Петербург', address: [ 'адрес 3' ] },
]

Как такое сделать?

Comments

[Mikhail Osher]

Если есть желание дальше заниматься программированием, то надо такое самому уметь щёлкать.

Answer 1

[0xD34F]

Функция группировки:

const group = (arr, idKey, valKey) =>
  Object.values(arr.reduce((acc, { [idKey]: id, [valKey]: val }) => (
    (acc[id] = acc[id] ?? { [idKey]: id, [valKey]: [] })[valKey].push(val),
    acc
  ), {}));

В компоненте:

const groupedAddresses = useMemo(() => {
  return group(addresses, 'city', 'address');
}, [ addresses ]);

<ul>
  {groupedAddresses.map(n => (
    <li>
      <h3>{n.city}</h3>
      <ul>{n.address.map(m => <li>{m}</li>)}</ul>
    </li>
  ))}
</ul>

https://jsfiddle.net/vqLsyz0x/

Answer 2

[Владимир Куц]

let arr = [
{city: 'Москва', address: 'адрес 1'},
{city: 'Москва', address: 'адрес 2'},
{city: 'Петербург', address: 'адрес 3'},
{city: 'Москва', address: 'адрес 4'},
]

[...new Set(arr.map(item => item.city))].map(function(item) {
   return {city: item, address: arr.filter(itm => itm.city == item).map(itm => itm.address)}
})

Answer 3

[Pavel]

Элементарно, пройдясь циклом.