按照分组名称和子项对对象数组进行分组。
创始人
2024-08-24 00:00:42
0

假设有一个对象数组,每个对象包含一个分组名称和各个子项,要将这些对象按照分组名称和子项进行分组,可以使用reduce和对象的key来实现:

const data = [
  { group: 'A', children: ['a1', 'a2', 'a3'] },
  { group: 'B', children: ['b1', 'b2', 'b3'] },
  { group: 'A', children: ['a4', 'a5'] },
  { group: 'C', children: ['c1', 'c2', 'c3'] },
  { group: 'B', children: ['b4', 'b5', 'b6'] },
];

const result = data.reduce((acc, item) => {
  // 如果当前分组名称不存在,则添加该分组
  if (!acc[item.group]) {
    acc[item.group] = {};
  }
  
  // 将当前子项加入对应的分组中
  item.children.forEach(child => {
    if (!acc[item.group][child]) {
      acc[item.group][child] = [];
    }
    acc[item.group][child].push(item);
  });
  
  return acc;
}, {});

console.log(result);

// 输出结果:
// {
//   "A": {
//     "a1": [
//       {
//         "group": "A",
//         "children": [
//           "a1",
//           "a2",
//           "a3"
//         ]
//       }
//     ],
//     "a2": [
//       {
//         "group": "A",
//         "children": [
//           "a1",
//           "a2",
//           "a3"
//         ]
//       }
//     ],
//     "a3": [
//       {
//         "group": "A",
//         "children": [
//           "a1",
//           "a2",
//           "a3"
//         ]
//       }
//     ],
//     "a4": [
//       {
//         "group": "A",
//         "children": [
//           "a4",
//           "a5"
//         ]
//       }
//     ],
//     "a5": [
//       {
//         "group": "A",
//         "children": [
//           "a4",
//           "a5"
//         ]
//       }
//     ]
//   },
//   "B": {
//     "b1": [
//       {
//         "group": "B",
//         "children": [
//           "b1",
//          

相关内容

热门资讯

第八分钟指南!wepoker私... 第八分钟指南!wepoker私人局开挂视频(透视)其实真的有辅助开挂(哔哩哔哩)1、每一步都需要思考...
6分钟阶段!红龙poker辅助... 6分钟阶段!红龙poker辅助平台(透视)好像存在有辅助开挂(哔哩哔哩)1、红龙poker辅助平台透...
第4分钟攻略!wepoker高... 第4分钟攻略!wepoker高级辅助(透视)本来真的是有辅助开挂(哔哩哔哩)1、wepoker高级辅...
3分钟绝活!wepoker透视... 3分钟绝活!wepoker透视有用吗(透视)原来是有辅助脚本(哔哩哔哩)一、wepoker透视有用吗...
第7分钟妙计!wepoker黑... 第7分钟妙计!wepoker黑侠破解(透视)确实有辅助脚本(哔哩哔哩)1、下载好wepoker黑侠破...
第9分钟手筋!拱趴大菠萝十三水... 第9分钟手筋!拱趴大菠萝十三水作必弊(透视)其实存在有辅助神器(哔哩哔哩)1、完成拱趴大菠萝十三水作...
第四分钟大纲!wepoker可... 第四分钟大纲!wepoker可以透视码(透视)确实是有辅助插件(哔哩哔哩)进入游戏-大厅左侧-新手福...
三分钟学习!wepoker辅助... 三分钟学习!wepoker辅助脚本(透视)好像真的有辅助插件(哔哩哔哩)1、首先打开wepoker辅...
十分钟举措!红龙poker辅助... 十分钟举措!红龙poker辅助器免费观看(透视)本来真的有辅助下载(哔哩哔哩)1、首先打开红龙pok...
一分钟阶段!智星德州插件(透视... 一分钟阶段!智星德州插件(透视)原来真的是有辅助神器(哔哩哔哩)智星德州插件透视方法中分为三种模型:...