按组名和子项对对象数组进行分组

大佬教程收集整理的这篇文章主要介绍了按组名和子项对对象数组进行分组，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决按组名和子项对对象数组进行分组？

我有一个对象数组。我需要按组和儿童对这个数组进行分组。我试图创建一个新数组，其中组名作为键和值作为按组分组的排序数组，但没有给我例外格式。我该怎么做？

以下是我的数据格式：

var data1 = [{
    "name": "Apparel","categoryID": 2742,"categoryname": "Men",},{
    "name": "Fragrances","categoryID": 2746,{
    "name": "Apparel","categoryname": "Women",}
];

预期输出是：

var data2 = [{
    "categoryname": "Men","children": [{
        "name": "Apparel","categoryID": 2742
      },{
        "name": "Fragrances","categoryID": 2746
      }
    ]
  },{
    "categoryname": "Women","categoryID": 2746
      }
    ]
  }
]

我使用过这个函数，但输出不符合预期，但非常接近解决方案

function groupAndSort(array,groupFIEld,sortFIEld) {
  var groups = {}; // This object will end being keyed by groups,and elements will be arrays of the rows within the given array,which have been sorted by the sortFIEld
  // Put all the rows into groups
  for (var i = 0; i < array.length; i++) {
    var row = arraY[i];
    var groupValue = row[groupFIEld];
    groups[groupValue] = groups[groupValue] || [];
    groups[groupValue].push(row);
  }
  // Sort each group
  for (var groupValue in groups) {
    groups[groupValue] = groups[groupValue].sort(function(a,b) {
      return a[sortFIEld] - b[sortFIEld];
    });
  }
  // Return the results
  return groups;
}

groupAndSort(data1,"categoryname","position"))

这是该代码的输出：

{
  Men: [{
  categoryID: 2742,categoryname: "Men",name: "Apparel"
},{
  categoryID: 2746,name: "Fragrances"
}],Women: [{
  categoryID: 2742,categoryname: "Women",name: "Fragrances"
}]
}

我非常接近解决方案，我只需要一些帮助即可按预期完成，非常感谢您的帮助

解决方法

const data = {
  Men: [{
  categoryId: 2742,categoryName: "Men",Name: "Apparel"
},{
  categoryId: 2746,Name: "Fragrances"
}],Women: [{
  categoryId: 2742,categoryName: "Women",Name: "Fragrances"
}]
}

const final = [];

for (const key in data) {
  final.push({
    categoryName: key,children: data[key]
  })
}

console.log(final);

const group  = {}; 

data1.forEach(({CategoryName,...rest})=>{
    group[categoryName] = group[categoryName] || {CategoryName,children:[]};
    group[categoryName].children.push(rest)
});

const res = Object.values(group)

console.log(res)

<script>
var data1 = [ 
          {
           "Name": "Apparel","categoryId": 2742,"categoryName": "Men",},{
           "Name": "Fragrances","categoryId": 2746,{
           "Name": "Apparel","categoryName": "Women",}
         ];
</script>

  // Return the results
  // return groups;
  return Object.entries(groups).map(([categoryName,children]) => ({CategoryName,children}));

大佬总结

以上是大佬教程为你收集整理的按组名和子项对对象数组进行分组全部内容，希望文章能够帮你解决按组名和子项对对象数组进行分组所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。