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

相关内容

热门资讯

透视透视!微乐小程序免费黑科技... 透视透视!微乐小程序免费黑科技,微信小程序有挂吗辅助(透视)一直存在有挂(哔哩哔哩)1、超多福利:超...
一分钟插件!微乐小程序免费黑科... 一分钟插件!微乐小程序免费黑科技,微乐辅助工具哪个好用(开挂)真是真的有挂(2026)1、微乐小程序...
第三方插件!微乐小程序黑科技,... 第三方插件!微乐小程序黑科技,微乐自建房运势高有什么表现(透视)都是是真的挂(哔哩哔哩)1、不需要A...
第4分钟脚本!微乐小程序黑科技... 第4分钟脚本!微乐小程序黑科技,微乐自建房脚本最新版本更新内容(开挂)切实是真的挂(2026)1、点...
透视攻略!微乐小程序黑科技,微... 透视攻略!微乐小程序黑科技,微乐手游辅助脚本平台(透视)一直有挂(哔哩哔哩)1、这是跨平台的微乐手游...
七分钟工具!微乐小程序黑科技,... 七分钟工具!微乐小程序黑科技,微乐小程序自建房辅助下载(开挂)本来存在有挂(2026)1、微乐小程序...
规律辅助挂!微乐小程序黑科技,... 规律辅助挂!微乐小程序黑科技,微乐小程序修复系统有用吗(透视)果然是有挂(哔哩哔哩)1、超多福利:超...
第6分钟开挂!微乐小程序黑科技... 第6分钟开挂!微乐小程序黑科技,微乐小程序免费黑科技在线下载(开挂)本来真的有挂(2026)微乐小程...
据权威媒体报道!微乐小程序免费... 据权威媒体报道!微乐小程序免费黑科技,微信小程序游戏修改器(透视)本来有挂(哔哩哔哩)1、微信小程序...
8分钟工具!微乐小程序黑科技,... 8分钟工具!微乐小程序黑科技,微乐卡五星祈福有用吗(开挂)一贯存在有挂(2026)1、全新机制【微乐...