首页 > 其他 > 详细

前端数据分组

时间:2021-09-01 12:50:22      阅读:16      评论:0      收藏:0      [点我收藏+]
 //分组前数据
 let obj= [
        { name: 1, age: 11 },
        { name: 2, age: 22 },
        { name: 1, age: 33 },
        { name: 2, age: 44 },
        { name: 1, age: 55 },
        { name: 1, age: 66 },
        { name: 3, age: 67 },
        { name: 3, age: 8 },
      ],
// 处理
    groupBy() {
      // 遍历push到新数组所有name
      // 去重数组
      // 遍历数组生成 【name:age:[]】 格式
      // 双层遍历比对name 填入值
      let arrName = [
        ...new Set(
           obj.map((_) => {
            return _.name;
          })
        ),
      ].map((_) => {
        return { name: _, age: [] };
      });
      arrName.forEach((_) => {
        obj.forEach((item) => {
          if (_.name == item.name) {
            _.age.push(item.age);
          }
        });
      });
      return arrName;
    },

 

前端数据分组

原文:https://www.cnblogs.com/huazai1/p/15206198.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!