JavaScript 将平面数组转换为嵌套/分组和排序数组

大佬教程收集整理的这篇文章主要介绍了JavaScript 将平面数组转换为嵌套/分组和排序数组，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决JavaScript 将平面数组转换为嵌套/分组和排序数组？

我正在尝试在 JavaScript 中将对象数组转换为 '分组' 和排序的输出数组，最好是 ES6 方式（例如使用 .map、.reduce等）。

总结：

• 对象数组
• 每个对象都是一个“项目”：a1,a2,b1,b2,...
• 每个对象都有一个“部分”属性，就像一个组/类别
• 所需的输出数组应返回按“节”分组的项目对象
• 部分和项目的输出数组的排序顺序也在属性中定义

const data = [
    { section: 'A',item: 'a1',section_order: 2,item_order: 2 },{ section: 'B',item: 'b1',section_order: 1,{ section: 'A',item: 'a2',item_order: 1 },item: 'b2',item_order: 1 }
];


const desiredOutput = [
    {
        section: 'B',// should come first as section_order = 1
        items: [
            { section: 'B',// should come first as item_order = 1
            { section: 'B',// should come second as item_order = 2
        ]
    },{
        section: 'A',// should come second as section_order = 2
        items: [
            { section: 'A',]
    }
];

我看到了一个例子，它让我找到了正确的方向 - 但不完全是想要的输出并且没有满足排序顺序：

const result = data.reduce((accum,currElm) => {
    const currSection = currElm['section'];
    accum[currSection] = (accum[currSection] || []).concat(currElm);
    return accum;
},{});

解决方法

data.sort((a,b) => (a.section_order - b.section_order) || (a.item_order - b.item_order));

const data = [
    { section: 'A',item: 'a1',section_order: 2,item_order: 2 },{ section: 'B',item: 'b1',section_order: 1,{ section: 'A',item: 'a2',item_order: 1 },item: 'b2',item_order: 1 }
];
data.sort((a,b) => (a.section_order - b.section_order) || (a.item_order - b.item_order));

var result = [];
for(var item of data){
  var section = item.section;
  if(!result[section]){ // if not exists => create new 
    result[section] = { section,items:[item] };
  }else{ // if exists => add one more item into items 
   result[section].items.push(item);
  }
}
console.log(Object.values(result));

const data = [
    { section: 'A',b) => (a.section_order - b.section_order) || (a.item_order - b.item_order));

const accumData = data.reduce((accum,currElm) => {
    const currSection = currElm['section'];
    accum[currSection] = (accum[currSection] || []).concat(currElm);
    return accum;
},{}); 


var result = Object.entries(accumData).map(([key,value]) => ({section: key,items: value}));
console.log(result);

大佬总结

以上是大佬教程为你收集整理的JavaScript 将平面数组转换为嵌套/分组和排序数组全部内容，希望文章能够帮你解决JavaScript 将平面数组转换为嵌套/分组和排序数组所遇到的程序开发问题。

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

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