【数组id相同的children二维数组，合并】

最新推荐文章于 2024-07-15 13:13:15 发布

LinDon_

最新推荐文章于 2024-07-15 13:13:15 发布

阅读量187

点赞数 2

分类专栏： VUE 文章标签： android 前端 javascript

本文链接：https://blog.csdn.net/weixin_46252229/article/details/137008832

版权

VUE 专栏收录该内容

60 篇文章 2 订阅

订阅专栏

本文介绍了如何在IT系统中，通过JavaScript的reduce方法对filterArr中的表单数据进行处理，特别是针对具有相同rowId的所属公司、资产名称和报废申请人字段，合并它们的子部门列表，实现数据结构的优化。

摘要由CSDN通过智能技术生成

 filterArr: [
       {
           label: '所属公司',
           prop: 'orgName',
           type: 'input'
           rowid: 1,
           children: [
               {
                   label: '子部门1',
                   prop: 'post',
                   type: 'input',
                   id: 1,
               },
                       {
                   label: '子部门2',
                   prop: 'post',
                   type: 'input',
                   id: 2
               },
           ]

       },
       {
           label: '资产名称',
           prop: 'name',
           type: 'input',
           rowid: 1,
           children: [
               {
                   label: '子部门3',
                   prop: 'post',
                   type: 'input',
                   id: 1,
               },
           ]
       },
       {
           label: '报废申请人',
           prop: 'rejectCreateUserName',
           type: 'input'
           rowid: 2,
           children: [
               {
                   label: '报废申请人3',
                   prop: 'post',
                   type: 'input',
                   id: 1,
               },
           ]
       },

   ]

   // rowId 相同
    // 合并的方法 
    mergeChildren(filterArr) {
      debugger;
      return Array.from(
        filterArr.reduce((map, item) => {
          debugger;
          // 如果map中已经有该rowId，则取出其children并合并新item的children
          const existingItem = map.get(item.rowId);
          if (existingItem) {
            debugger;
            const itemChildren = [...existingItem.children];
            existingItem.children = itemChildren;
          } else {
            // 否则直接将item添加到map中
            map.set(item.rowId, { ...item, children: item.children });
          }
          return map;
        }, new Map())
        .values()
      );
    },