基于嵌套值将对象数组分组为二维数组[关闭]答案

【问题标题】：Group array of objects into 2D arrays based on nested value [closed]基于嵌套值将对象数组分组为二维数组[关闭]
【发布时间】：2021-10-18 10:15:13
【问题描述】：

我有一个这样的对象数组

array1 = [{data: ..., name: a}, {data: ..., name: b}, {data: ..., name: a}, {data: ..., name: c}, {data: ..., name: c}, {data: ..., name: b}]

我想对其进行排序，使其按名称分组到子数组中

array2 = [
  [{data: ..., name: a}, {data: ..., name: a}, {data: ..., name: a}],
  [{data: ..., name: b}, {data: ..., name: b}],
  [{data: ..., name: c}]
]

我并不总是知道名字是什么，所以我不能手动执行 'if name === 'a' 等。

【问题讨论】：

到目前为止你尝试了什么

标签： javascript arrays

【解决方案1】：

您可以在此处使用Array.reduce() 将您的数据按name 分组。我们为每个存在的名称创建一个具有属性的对象，并将任何匹配的值附加到该值的数组中。然后我们使用Object.values() 来创建我们想要的数组。

array1 = [{data: {}, name: 'a' }, {data: {}, name: 'b'}, {data: {}, name: 'a'}, {data: {}, name: 'c'}, {data: {}, name: 'c'}, {data: {}, name: 'b'}];

const grouped = Object.values(array1.reduce((acc, cur) => { 
    acc[cur.name] = [...(acc[cur.name] || []), cur];
    return acc;
}, {}));

console.log('Grouped:', grouped);

.as-console-wrapper { max-height: 100% !important; top: 0; }

【讨论】：

【解决方案2】：

请尝试以下代码

let objMap = {};
array1.map(arr=>{
 if(!objMap[arr.name]){
  objMap[arr.name]=[]
 }
 objMap[arr.name].push(arr)
})
console.log(Object.values(objMap));

【讨论】：

如果您要忽略返回的数组，请不要使用 map。使用forEach 或循环。

【解决方案3】：

其实这是grouping没有排序。

这可以通过循环技术来完成。我在这里使用Array.reduce

const array1 = [{ data: 'some value', name: 'a' }, { data: 'some value', name: 'b' }, { data: 'some value', name: 'a' }, { data: 'some value', name: 'c' }, { data: 'some value', name: 'c' }, { data: 'some value', name: 'b' }];
const array2 = array1.reduce((acc, curr) => {
  const node = acc.find(item => item.find(subItem => subItem.name === curr.name));
  if(node) {
    node.push(curr)
  } else {
    acc.push([curr])
  }
  return acc;
}, []);
console.log(array2);

【讨论】：

【解决方案4】：

只需添加一些对象图即可解决。

array1 = [{data: {}, name: 'a'},{data: {}, name: 'a'}, {data: {}, name: 'b'}, {data: {}, name: 'a'}, {data: {}, name: 'c'}, {data: {}, name: 'c'}, {data: {}, name: 'c'}, {data: {}, name: 'b'},{data: {}, name: 'c'}];

newObject = {};

array1.forEach((object)=>{
  if((!newObject[object.name])){
    newObject[object.name] = [object];  
  } else {
    newObject[object.name].push(object);
  }
});

<!-- begin snippet: js hide: false console: true babel: false -->

array2 = Object.values(newObject);

console.log(array2);

【讨论】：