Как в массиве сосчитать объекты с одинаковыми значениями свойства?

Question

[Bogdnan123]

Есть массив объектов, представляющий корзину. Как сделать, чтобы объекты были уникальны и им добавилось свойство, содержащее количество повторений в исходных данных?

Например, есть:

const arr = [
  { name: 'bob' },
  { name: 'sara' },
  { name: 'anna' },
  { name: 'bob' },
  { name: 'bob' },
]

Должно стать:

const arr = [
  { name: 'bob', qty: 3 },
  { name: 'sara', qty: 1 },
  { name: 'anna', qty: 1 },
]

Answer 1

[0xD34F]

Если говорить именно об уникализации массива, то

const uniqueWithCount = (arr, idKey, countKey) =>
  Object.values(arr.reduce((acc, n) => (
    (acc[n[idKey]] ??= { ...n, [countKey]: 0 })[countKey]++,
    acc
  ), {}));


const result = uniqueWithCount(arr, 'name', 'qty');

Но вообще-то, в корзине элементы должны быть уникальны изначально, надо в момент добавления проверять наличие элемента, если есть - увеличивать его счётчик, нет - добавить со счётчиком, имеющим единицу в качестве значения. Как это может выглядеть:

const addToCart = product =>
  setCart(cart => cart.some(n => n.id === product.id)
    ? cart.map(n => n.id === product.id ? { ...n, qty: n.qty + 1 } : n)
    : [ ...cart, { ...product, qty: 1 } ]
  );

https://jsfiddle.net/6etkvyr9/

Comments

[Stalker_RED]

можно еще обжать

const grouped=Object.values(arr.reduce((a,n)=>((a[n.name]=a[n.name]||{...n,qty:0}).qty++,a),{}));

[Bogdnan123]

Stalker_RED, не очень читабельно, но тоже верно!

[Bogdnan123]

Stalker_RED, если не сложно, не могли бы объяснить как это работает, вроде бы понимаю, но не совсем)

[Stalker_RED]

Bogdnan123, вы понимаете как работает array.reduce?
Колдунство вот здесь:
acc[n.name] = acc[n.name] || { ...n, qty: 0 }
попытка доступа к полю объекта acc[n.name], и при ее провале создается новый объект, с полями из n и новым полем qty

Answer 2

[good_beginer]

https://jsfiddle.net/z359qo1d/