js reduce 以对具有重复项的键的值进行分组

Question

如何使用 .reduce() 按值分组 - 所以如果我有以下内容：

const arr = [
 { 
   id: 1,
   value: 'abc',
   othervalue: '123'
 },
 { 
   id: 2,
   value: 'def',
   othervalue: '123'
 },
 { 
   id: 3,
   value: 'def',
   othervalue: '123'
 },
 { 
   id: 4,
   value: 'ghi',
   othervalue: '123'
 }
]

我想要这个：

  {
   'abc' : [{id:1, value:'abc', othervalue: '123'}]
   'def' : [{id:2, value:'def', othervalue: '123'}, {id:3, value:'def', othervalue:'123'}],
   'ghi' : [{id:4, value:'ghi', othervalue: '123'}]
  }

我试过了，但没用：

arr.reduce( (acc,p) => ({...acc, [p.value]:p }))

Answer 1

这不是一个很小的衬垫，但它是可读的

const arr = [{
    id: 1,
    value: 'abc',
    othervalue: '123'
  },
  {
    id: 2,
    value: 'def',
    othervalue: '123'
  },
  {
    id: 3,
    value: 'def',
    othervalue: '123'
  },
  {
    id: 4,
    value: 'ghi',
    othervalue: '123'
  }
]

let grouped = arr.reduce((b, a) => {
  b[a.value] = b[a.value] || [];
  b[a.value].push(a);
  return b
}, {})

console.log(grouped)

Answer 2

您所拥有的已经很接近了，但请确保：

正确拼写 acc
使用 (acc[p.value]||[]).concat(p)
提供初始值，{}作为第二个参数

arr.reduce((acc,p) => ({ ...acc, [p.value]: (acc[p.value]||[]).concat(p) }), {})

js reduce 以对具有重复项的键的值进行分组

js reduce to group on a key's value with duplicates

javascript

functional-programming