通过选定的属性 (javascript) 将对象数组转换为对象子数组

Question

我想获取一个对象数组，并根据所选对象将其转换为一个子数组数组属性

例如：

[
  {foo: 1, bar: a}, {foo: 2, bar: b}, {foo: 1, bar: c}, {foo: 2, bar: d}
]

使用 foo 属性创建子数组将变为：

[
  [
    {foo: 1, bar: a}, {foo: 1, bar: c}, 
  ],
  [
    {foo: 2, bar: b}, {foo: 2, bar: d}
  ]
]

我想不出有效的方法。我一直求助于创建一组我选择的值的所有唯一属性值，然后多次暴力破解它。

const distinctProperties =  [...new Set(originalArray.map(item => item.foo))]

const newArray = distinctProperties.map(item => originalArray.filter(obj => obj.foo === item))

在此先感谢您的一些建议！

Answer 1

可以用 reduce 完成。您可以将其包装在另一个函数中，以按您想要的键进行分组。

这里我根据foo的值进行分组，res会像这样

{
  1: [{
  bar: "a",
  foo: 1
}, {
  bar: "c",
  foo: 1
}],
  2: [{
  bar: "b",
  foo: 2
}, {
  bar: "d",
  foo: 2
}]
}

然后我用 Object.values 来得到你想要的数组格式

let a =[
  {foo: 1, bar: 'a'}, {foo: 2, bar: 'b'}, {foo: 1, bar: 'c'}, {foo: 2, bar: 'd'}
]

let res= Object.values(a.reduce((acc,curr)=> {
    if(!acc[curr.foo])acc[curr.foo]=[];
  acc[curr.foo].push(curr)
    return acc;
},{}))

console.log(res)

作为将键名作为输入的通用函数

let a =[
  {foo: 1, bar: 'a'}, {foo: 2, bar: 'b'}, {foo: 1, bar: 'c'}, {foo: 2, bar: 'd'}
]


let groupByValue = (arr,key) => {
    return Object.values(arr.reduce((acc,curr)=> {
    if(!acc[curr[key]])acc[curr[key]]=[];
  acc[curr[key]].push(curr)
    return acc;
},{}))
}

let res1 = groupByValue(a,'foo')
let res2 = groupByValue(a,'bar')
console.log(res1)
console.log(res2)

通过选定的属性 (javascript) 将对象数组转换为对象子数组

Convert array of objects into subarrays of objects by a selected property (javascript)

javascript

arrays

object

data-manipulation

通过选定的 属性 (javascript) 将对象数组转换为对象子数组

Convert array of objects into subarrays of objects by a selected property (javascript)

javascript

arrays

object

data-manipulation

通过选定的属性 (javascript) 将对象数组转换为对象子数组