Json反转分类

weixin_41410332

已于 2022-08-09 19:53:40 修改

阅读量206

点赞数 1

CC 4.0 BY-SA版权

文章标签： json javascript 前端

于 2022-08-09 19:53:00 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41410332/article/details/126253616

本文介绍了一种使用JavaScript实现的数据格式转换方法，通过数组的reduce方法将一组对象按特定属性进行重新分组，实现了从原始数据到目标数据结构的转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS 实现数据格式反转分类

 const list = [
   {
     name: "一年级",
     teyp: [
       "数学",
       "语文"
     ]
   },
   {
     name: "二年级",
     teyp: [
       "数学",
       "英语"
     ]
   },
   {
     name: "三年级",
     teyp: [
       "化学",
       "地理"
     ]
   }
 ];

const result = list.reduce((acc, cur) => {
  const { teyp, ...rest } = cur;
  const obj = {};
  teyp.forEach(group => {
    obj.name = group;
    const curGroup = acc.find(el => el.name === group);
    if (curGroup) {
      curGroup.userList.push(rest);
    } else {
      obj.userList = [rest];
      acc.push(obj);
    }
  });
  return acc;
}, []);
return result;

实现效果

[
  {
    name: "语文",
    userList: [
      {
        name: "一年级"
      },
      {
        name: "一年级"
      }
    ]
  },
  {
    name: "英语",
    userList: [
      {
        name: "二年级"
      },
      {
        name: "二年级"
      }
    ]
  },
  {
    name: "地理",
    userList: [
      {
        name: "三年级"
      },
      {
        name: "三年级"
      }
    ]
  }
];