js合并数组对象中key相同的数据,并以此key生成新对象

1.对象判断 

let newAarray = [];
    if (info.checkedNodes && info.checkedNodes.length > 0) {
      let idArray = [];

      info.checkedNodes.forEach(function (ele, i) {
        if (
          idArray.indexOf(info.checkedNodes[i].systemId) === -1 &&
          info.checkedNodes[i].systemId
        ) {
          newAarray.push({
            id: info.checkedNodes[i].systemId,
            menuList: [info.checkedNodes[i].key],
          });
          idArray.push(info.checkedNodes[i].systemId);
        } else {
          newAarray.forEach(function (dom, k) {
            if (newAarray[k].id == info.checkedNodes[i].systemId) {
              newAarray[k].menuList.push(info.checkedNodes[i].key); //把具有相同systemId的key值进行合并
            }
          });
        }
      });
    
      console.log(newAarray, '2222222');
    }

 

2、reduce

不足:有个bug,通过合并同类属性重组,它会给最后的数组添加空属性,然后也没找到是哪里来的,但是可以把最后的数组通过filter拿到有值的数据这种方法去除空属性。

//方法
const Group = (arr = [], key) => {
    return key
      ? arr.reduce((t, v) => {
          if (!t[v[key]]) {
            t[v[key]] = {
              id: v[key],
              menuList: [],
            };
          }
          t[v[key]].menuList.push(v.key);
          return t;
        }, [])
      : [];
  };


//使用
let resdata = Group(
      info.checkedNodes.filter((item) => item.systemId),
      'systemId',
    ).filter((item) => item);

 

const merge = (arr, key) => {
    let Obj = arr.reduce((pre, cur, index) => {
      if (!pre[cur[key]]) {
        pre[cur[key]] = [cur];
      } else {
        pre[cur[key]].push(cur);
      }
      return pre;
    }, {});
    let aff = Object.keys(Obj).map((item) => {
      return {
        parentId: item,
        children: Obj[item],
      };
    });
    return aff;
  };

 重复出现的次数

  const getRepeatNum = (arr) => {
    return arr.reduce(function (prev, next) {
      prev[next] = prev[next] + 1 || 1;
      return prev;
    }, {});
  };

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值