JS 对象数组将某些相同属性值合并，其他属性累积

最新推荐文章于 2024-01-22 13:40:47 发布
最新推荐文章于 2024-01-22 13:40:47 发布
阅读量2k 收藏 3
点赞数 2
CC 4.0 BY-SA版权
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44039943/article/details/127801168
该博客介绍了一个JavaScript方法，用于根据多个相同属性合并对象数组。递归函数遍历数组，比较对象属性，找到匹配项并整合到新对象中，同时从原始数组中移除已处理的元素，直至数组为空。示例展示了如何处理具有相同前9项的数组对象。

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

需求：某个对象数组，将其某些属性值相同的对象拿到，然后合并这些对象

举例：有一个数组，其2,3项前9项相同，可以合并。

let excelData = {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D22030721",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 3,
          "接班顺序(0:无,1~N)": 1,
          "人才满足策略": "外部招募",
          "行动计划": "测试1",
          "预计完成时间": 44844,
          "pic": "测试1",
          "本月进度说明": "测试1",
          "实际完成时间": 44844
      },
      {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D20070049",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 3,
          "接班顺序(0:无,1~N)": 2,
          "人才满足策略": "外部招募",
          "行动计划": "测试11",
          "预计完成时间": 44845,
          "pic": "测试11",
          "本月进度说明": "测试11",
          "实际完成时间": 44845
      },
      {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D20070049",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 3,
          "接班顺序(0:无,1~N)": 2,
          "人才满足策略": "外部招募",
          "行动计划": "测试111",
          "预计完成时间": 44844,
          "pic": "测试111",
          "本月进度说明": "测试111",
          "实际完成时间": 44844
      },
      {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D21051113",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 1,
          "接班顺序(0:无,1~N)": 1,
          "人才满足策略": "外部招募",
          "行动计划": "应该无",
          "预计完成时间": 44844,
          "pic": "应该无",
          "本月进度说明": "应该无",
          "实际完成时间": 44844
      }
      ]

方法：使用递归实现

/**
 * 对象数组根据多个相同的属性进行合并
 * 原理：每次将arr[0]中需要比较相同的属性存入temp，循环arr找出与arr[0]具有相同属性的对象，
 * 并push到result中，同时记录相同项的索引，再将arr中改索引的数据删除，以达到去除比对过相同的数据防止多次比对。
 * 再次调用本方法，直到arr被删除完，即比对结束，最后返回result
 * @param {Array} arr 需要合并数组
 * @param {Array} result 返回合并数组
 * @return result 返回合并数组
 */
digui(arr,result){
  if(arr.length > 0){//判断arr是否海油值
    let temp = {//存放基本数据，定义strategyInfo[]存放不同的属性组成的对象
      departmentCode:arr[0]['部门代码'],
      departmentLevel:arr[0]['岗位层级'],
      neck:arr[0]['与上级组织关系(0:一般,1:挂脖子)'],
      stationName:arr[0]['岗位名称'],
      departmentManagerEmplid:arr[0]['在岗人员工号'],
      successorEmplid:arr[0]['接班人工号'],
      successionState:arr[0]['接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)'],
      successionOrder:arr[0]['接班顺序(0:无,1~N)'], 
      strategyInfo:[]
    }
    let indexs = []
    for (let i = 0; i < arr.length; i++) {
      if(temp.departmentCode  ==  arr[i]['部门代码']&&//比较需要相同的属性
         temp.departmentLevel  ==  arr[i]['岗位层级']&&
         temp.neck  ==  arr[i]['与上级组织关系(0:一般,1:挂脖子)']&&
         temp.stationName  ==  arr[i]['岗位名称']&&
         temp.departmentManagerEmplid  ==  arr[i]['在岗人员工号']&&
         temp.successorEmplid  ==  arr[i]['接班人工号']&&
         temp.successionState  ==  arr[i]['接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)']&&
         temp.successionOrder == arr[i]['接班顺序(0:无,1~N)']
        ){
        temp['strategyInfo'].push({//如果满足以上属性相同，则将其他属性装成对象push到准备好数组strategyInfo中
          departmentLevel:arr[i]['岗位层级'],
          stationName:arr[i]['岗位名称'],
          departmentCode:arr[i]['部门代码'],
          type:2,
          withoutId:'',
          strategy:arr[i]['人才满足策略'],
          plan:arr[i]['行动计划'],
          estimateTime:arr[i]['预计完成时间'],
          pic:arr[i]['pic'],
          monthlyProgressReport:arr[i]['本月进度说明'],
          actualTime:
            (Object.prototype.hasOwnProperty.call(arr[i], '实际完成时间'))?
            arr[i]['实际完成时间']:'',
        })
        //记录满足条件的索引，使用unshift不用push(删除时可以从后往前，防止删除前面的引起后面的索引与数据对不上)
        indexs.unshift(i)
      }
    }
    //循环删除满足条件的数据(如果上面使用push，这里需要倒序删除)
    for (let j = 0; j <indexs.length ; j++) {
      arr.splice(indexs[j],1)
    }
    result.push(temp)//将整理好的一项数据push到result
    console.log('indexs',indexs);
    console.log('result',result);
    this.digui(arr,result)//递归调用，传入处理过的arr和有部分数据的result
  }
  return result//当arr不>0，即被删完时，说明所有数据都比对完成，此时返回result
},

let excelData = [
      {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D22030721",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 3,
          "接班顺序(0:无,1~N)": 1,
          "人才满足策略": "外部招募",
          "行动计划": "测试1",
          "预计完成时间": 44844,
          "pic": "测试1",
          "本月进度说明": "测试1",
          "实际完成时间": 44844
      },
      {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D20070049",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 3,
          "接班顺序(0:无,1~N)": 2,
          "人才满足策略": "外部招募",
          "行动计划": "测试11",
          "预计完成时间": 44845,
          "pic": "测试11",
          "本月进度说明": "测试11",
          "实际完成时间": 44845
      },
      {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D20070049",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 3,
          "接班顺序(0:无,1~N)": 2,
          "人才满足策略": "外部招募",
          "行动计划": "测试111",
          "预计完成时间": 44844,
          "pic": "测试111",
          "本月进度说明": "测试111",
          "实际完成时间": 44844
      },
      {
          "部门代码": "KDLP10",
          "岗位层级": "非課級",
          "与上级组织关系(0:一般,1:挂脖子)": 0,
          "岗位名称": "前端",
          "在岗人员工号": "D14080045",
          "副手工号": "D22070528",
          "接班人工号": "D21051113",
          "接班状态(0:无,1:立即接班,2:1-2年接班,3:2年后接班)": 1,
          "接班顺序(0:无,1~N)": 1,
          "人才满足策略": "外部招募",
          "行动计划": "应该无",
          "预计完成时间": 44844,
          "pic": "应该无",
          "本月进度说明": "应该无",
          "实际完成时间": 44844
      }
      ]
let arr = JSON.parse(JSON.stringify(excelData))
console.log('excelData',excelData);
let result = this.digui(arr,[])
console.log('result',result);

咦依一忆
关注
JavaScript - 数组对象中实用好玩的reduce方法
觉醒法师的专栏
08-12 1340
JavaScript中reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。对于reduce()方法，很多人不太了解，其实熟悉之后会发现它可以应用在很多场景中，而且在老项目中我们也可以自定义实现reduce()功能。
合并两个json纯对象
07-23
合并两个json纯对象，例如用json存放的模板文件，和另外一个json数据存在差异，此时很可能需要合并两个数据。可以用此函数。 由于作者不太喜欢json里面还存在数组，所以暂未考虑json数据中还存在普通数组的情况。等到需要的时候再去重写吧。
JS 数组对象，合并其中某一属性值相同的项且属性值相加
Arjen123123的博客
11-24 4085
这里要处理的数组结构如下： const list = [ { pro: 'pro1', v: 666}, { pro: 'pro2', v: 66}, { pro: 'pro3', v: 636}, { pro: 'pro1', v: 166}, { pro: 'pro2', v: 266}, { pro: 'pro1', v: 606}, ] 我们需要将pro相同的 v值加起来，输出 [name: k, value: v]这样形式的数组。 这里针对需求，分析，首先需要吧对应的k取
JS：在对象数组中，根据某个属性值相同的属性，将当前属性或者其他属性合并到一个元素中
努力的nana
08-24 2763
在对象数组中，根据某个属性值相同的属性，将当前属性或者其他属性合并到一个元素中。
js对象数组根据多个相同字段合并
qq_33550166的博客
03-24 2162
js数组操作
JavaScript对象数组中合并某些属性相同的数据项
cainiaoyaya的博客
05-15 708
要求合并某些相同得属性，并把相同得项放在一个数组中显示。
js代码-数组对象根据某个值相同合并分组
07-16
在这个案例中，我们将讨论如何利用JavaScript将具有相同属性值的对象进行聚合。 首先，我们需要理解JavaScript中的数组方法，如`Array.prototype.reduce()`、`Array.prototype.map()`和`Array.prototype.filter()`...
JS获取多维数组中相同键的值实现方法示例
10-20
本文将深入探讨如何在多维数组中获取具有相同键的值，并通过一个具体的示例来阐述实现方法。 首先，让我们理解问题的核心：我们需要遍历一个多维数组，检查每个元素中的键，并收集所有具有相同键的值。在提供的示例...
js 将对象数组中包含相同字段值的对象元素组合成新对象添加到原对象数组中
最新发布
11-19
在JavaScript中，如果你想要将对象数组中具有相同字段值的对象合并成一个新的对象，并添加到原数组中，你可以使用`reduce()`函数结合条件判断来完成这个任务。下面是一个示例： ```javascript function ...
js数组对象相同项合并处理
dishang1614的博客
09-05 2083
平时工作中会经常遇到数据处理，其中数组合并处理也会经常遇到，下面就是数组相同项合并的一种方式：1.首先由原始的数组arr数据，2.然后创建一个map空对象和一个dest空数组，通过判断map中是否含有某项来判断数组dest是否添加数据，3.然后再判断相同项和已有的dest数组内容比较合并； 代码如下：<script type="text/javascript" src="js/j...
js将数组对象中某个值相同的对象合并成一个新对象
彤先森的博客
01-22 2433
js将数组对象中某个值相同的对象合并成一个新对象
js合并数组对象（将数组中具有相同属性对象合并到一起，组成一个新的数组）
热门推荐
m0_47791238的博客
08-13 1万+
根据数组对象中某一key值，合并相同key值的字段或者对象，到同一个数组对象中，组成新的数组
js--把数组中具有相同的属性和相同属性值的多条数据合并成一条数据的方法
m0_48647952的博客
07-01 2100
记录一个工作中常用的方法： 把数组中具有相同的属性和相同属性值的多条数据合并成一条数据的方法 //原始数组 let _arr = [ {key:'1',datas:[11,12,13]}, {key:'1',datas:[14,15,16]}, {key:'2',datas:[21,22,23]}, {key:'2',datas:[24,25,26]}, ] let tempKeyArr = []; let tempDataArr = []; let detailDat
JavaScript中数组中有相同的对象进行合并
你怎么也喜欢嘴巴嘟嘟
10-12 684
开发中遇到了一个需求，后端返回来的数据是一个数组对象，
js找到两个不同数组中相同属性值的对象修改合并
m0_72200584的博客
01-10 459
js找到两个不同数组中相同属性值的对象修改合并
js合并对象数组相同项，并对另一属性做累加处理
qq_44774622的博客
07-04 583
js合并对象数组相同项，并对另一属性做累加处理
两个对象数组根据某一个属性值相等，整合成新数组
weixin_61285710的博客
12-17 2527
两个对象数组根据某一个属性值相等，整合成新数组
js数组合并同类项
weixin_47454566的博客
03-09 1021
【代码】js数组合并同类项。
通过js把具有相同属性的对象的值进行合并，并生成新的数组对象的方法。
陈先生的博客
06-16 9032
通过js把具有相同属性的对象的值进行合并，并生成新的数组对象的方法。 在日常开发的时候，我们有时候会遇到这样的需求， 要求把具有相同属性名的对象进行合并，如下例子所示 <script> var arrayName = [{ "id":"1", "name":"小明", "course":"语文" }, { "id":"2", "name":"小张", "course":"政治"
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值