按照分组名称和子项对对象数组进行分组。
创始人
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",
//          

相关内容

热门资讯

发现一款!aapoker辅助挂... 发现一款!aapoker辅助挂多功能透视工具,本来是真的有挂(有挂细节)aapoker能透视中分为三...
技术分享!wepoker辅助挂... 技术分享!wepoker辅助挂多功能透视工具,确实是有挂(有挂技术)亲,关键说明,wepoker透视...
重磅来袭!微扑克辅助挂多功能透... 重磅来袭!微扑克辅助挂多功能透视工具,其实有挂(有挂工具)1、操作简单,无需微扑克手机版透视脚本,只...
总算明白!WPK辅助挂多功能透... 总算明白!WPK辅助挂多功能透视工具,确实是真的有挂(有挂秘诀)1)WPK有没有挂:进一步探索WPK...
带你了解!德扑圈辅助挂多功能透... 带你了解!德扑圈辅助挂多功能透视工具,真是存在有挂(真是有挂)德扑圈脚本下载中分为三种模型:德扑圈挂...
一分钟快速了解!wpk辅助挂多... 一分钟快速了解!wpk辅助挂多功能透视工具,原来真的是有挂(有挂教学)1、许多玩家不知道wpk辅助怎...
实测教程!AAPoKer辅助挂... 实测教程!AAPoKer辅助挂多功能透视工具,果然是真的有挂(有挂细节);1、进入游戏-大厅左侧-新...
研究成果!德扑之星辅助挂多功能... 研究成果!德扑之星辅助挂多功能透视工具,原来存在有挂(有挂方略)德扑之星破解侠是真的助透视。每个模型...
必知教程!微扑克辅助挂多功能透... 必知教程!微扑克辅助挂多功能透视工具,其实真的是有挂(有挂猫腻)1、实时微扑克透视辅助更新:用户可以...
玩家必备教程!德扑之星辅助挂多... 玩家必备教程!德扑之星辅助挂多功能透视工具,一直真的是有挂(有挂解密)德扑之星辅助器是一种具有地方特...