JS数组对象，去重并把相同项的值合并相加

原创 于 2024-09-19 16:52:22 发布 · 484 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #java

数组结构如图：

   "data": [
        {
            "workshop_name": "准特公司-冷氢化车间",
            "alarmType": "安环",
            "groupName": "四班",
            "workshop": "10005552",
            "groupId": "571254157697280261",
            "IIIAlarmCount": 0,
            "allCount": 30,
            "IIAlarmCount": 14,
            "base": "准特公司",
            "IAlarmCount": 16
        },
        {
            "workshop_name": "准特公司-冷氢化车间",
            "alarmType": "安环",
            "groupName": "一班",
            "workshop": "10005552",
            "groupId": "571253955787680005",
            "IIIAlarmCount": 0,
            "allCount": 1,
            "IIAlarmCount": 1,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "准特公司-冷氢化车间",
            "alarmType": "工艺",
            "groupName": "二班",
            "workshop": "10005552",
            "groupId": "571254025643813125",
            "IIIAlarmCount": 5,
            "allCount": 5,
            "IIAlarmCount": 0,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "准特公司-冷氢化车间",
            "alarmType": "工艺",
            "groupName": "四班",
            "workshop": "10005552",
            "groupId": "571254157697280261",
            "IIIAlarmCount": 4,
            "allCount": 4,
            "IIAlarmCount": 0,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "准特公司-原料车间",
            "alarmType": "工艺",
            "groupName": "三班",
            "workshop": "10005553",
            "groupId": "571258982400977157",
            "IIIAlarmCount": 67,
            "allCount": 68,
            "IIAlarmCount": 1,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "准特公司-原料车间",
            "alarmType": "工艺",
            "groupName": "一班",
            "workshop": "10005553",
            "groupId": "571258836783130885",
            "IIIAlarmCount": 28,
            "allCount": 28,
            "IIAlarmCount": 0,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "准特公司-辅助车间",
            "alarmType": "工艺",
            "groupName": "一班",
            "workshop": "10005556",
            "groupId": "571252407380666629",
            "IIIAlarmCount": 2,
            "allCount": 2,
            "IIAlarmCount": 0,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "准特公司-还原车间",
            "alarmType": "工艺",
            "groupName": "五班",
            "workshop": "10005554",
            "groupId": "571259527790520581",
            "IIIAlarmCount": 19,
            "allCount": 19,
            "IIAlarmCount": 0,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "准特公司-还原车间",
            "alarmType": "工艺",
            "groupName": "四班",
            "workshop": "10005554",
            "groupId": "571258581501012229",
            "IIIAlarmCount": 1,
            "allCount": 1,
            "IIAlarmCount": 0,
            "base": "准特公司",
            "IAlarmCount": 0
        },
        {
            "workshop_name": "全部合计",
            "alarmType": "",
            "workshop": "",
            "IIIAlarmCount": 126,
            "allCount": 158,
            "IIAlarmCount": 16,
            "IAlarmCount": 16,
            "base": "全部"
        }
    ]

需求：接口返回的数据workshop_name相同的要去重并把数量相加（allCount、IAlarmCount、IIAlarmCount、IIIAlarmCount）这四个字段要累计求和

思路：这里可以定义俩个空数组，一个用来存储workshop_name，一个存储最终结果，代码如下：

     let idArr = []; //相同id放在同一数组中
      let resultArr = []; //最终结果数组
      // list是后台接口返回的数据（格式是数组对象）
      for (let i = 0; i < list.length; i++) {
        let index = idArr.indexOf(list[i].workshop); /* indexOf方法：查找数组里有没有对应的字段，返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。 */
        if (index > -1) {
          //有相同id存在的话,获取index索引位置
          resultArr[index].allCount += Number(list[i].allCount); //取相同workshop的allCount累加
          resultArr[index].IAlarmCount += Number(list[i].IAlarmCount); //取相同workshop的IAlarmCount累加
          resultArr[index].IIAlarmCount += Number(list[i].IIAlarmCount); //取相同workshop的IIAlarmCount累加
          resultArr[index].IIIAlarmCount += Number(list[i].IIIAlarmCount); //取相同workshop的IIIAlarmCount累加
        } else {
          idArr.push(list[i].workshop);/* 存放workshop */
          resultArr.push(list[i]);
        }
      }

最终返回结果

菜菜籽油
关注
对key值相同的json数据进行相加合并
qq_34136709的博客
08-22 1926
对key值相同的json数据进行相加合并
js reduce实现二维数组纵向和
js_admin的博客
12-05 1191
reduce() 的用法详解 过去有很长一段时间，我一直很难理解reduce()这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。 一、语法 arr.reduce(function(prev,cur,index,arr){ ... }, init); 其中，arr表...
js数组去重，id相同对某值相加合并
xiansibao的博客
11-28 923
resultArr[index].value += arr[i].value //取相同id的value累加。if(index > -1){ //有相同id存在的话,获取index索引位置。let idArr = [] //相同id放在同一数组中。let resultArr = [] //最终结果数组。//最终想要的数组结构，相同的id，把value值相加。
js多维数组去重并使具有相同属性的对象数量相加
xiaohua0708day的博客
03-09 366
【代码】js多维数组去重并使具有相同属性的对象数量相加。
js代码-数组对象根据某个值相同合并分组
07-14
js代码-数组对象根据某个值相同合并分组
JS数组中对象ID相同(对象相同属性)对某值进行相加与数组去重
qq_39695210的博客
06-28 4573
JS数组中对象ID相同(对象相同属性)对某值进行相加与数组去重
JS 数组去重的方法、求数组每一项之和方法、字符抽取、数组方法案例
weixin_56935980的博客
08-04 433
示例：定义一个数组，去重。
精选资源
vue 对象数组中，根据相同属性的数据合并，重组新的数组对象
01-20
在Vue.js开发中，处理对象数组并根据特定属性进行数据合并和重组是常见的需求。本问题探讨了如何根据`TYPE`和`REMARK`两个属性的值来决定是否合并对象，并生成新的数组对象。首先，我们需要理解源数据的结构，然后...
jQuery实现合并/追加数组并去除重复项的方法 <font color=red>原创</font>
10-18
在前端开发中，数组操作是不可或缺的一部分，尤其是当我们需要合并两个数组并去除其中的重复项时。在给定的文件中，提到了利用jQuery实现这一需求的方法，下面将详细介绍相关的知识点。 ### jQuery实现数组合并及...
js如果两个对象的id值相等，就在数组末端创建并插入一个新对象，使其id值为它们的和，并从对象数组内删除这两个对象
03-20
### JavaScript 实现按 ID 合并两个对象并将新对象插入数组末尾 在 JavaScript 中，可以通过遍历数组来查找具有相同 `id` 的对象，并将其属性合并成一个新的对象。之后，将原始对象从数组中移除，并将新的合并后的...
JS 数组篇 数组求和与数组去重
lemaktub的博客
11-24 487
数组求和 for循环求和 let arr = [1,2,3,4,5] function sum(arr){ let sum = 0; for(let index = 0;index<arr.length;index++){ sum += arr[index] } return sum } console.log(sum(arr)) map-reduce求和 let arr = [1,2,3,4,5] function sumMap(arr){
Java List对象集快速去重,并将相同对象的属性相加
热门推荐
知其然知其所以然
01-18 1万+
前言：如果数据量小的话两个for循环足以解决，博主因为项目中涉及到一个将近70w的List集合去重，刚开始用了两个for循环需要20秒的时间，后来发现这个方法可以只用不超过一秒的时间就能完成去重并且将相同对象的属性相加，下面贴出代码：  先根据要比较的属性排序，将他们放在一起，例如{a,b,c,a,d,b,c} ==> {a,a,b,b,c,c,d} 这样能节省遍历的时间 public st
js数组 name相同项合并求和
天高任鸟飞
01-12 794
【代码】js数组 name相同项合并求和。
JS数组中相同对象合并(去重)，数量相加
u013363043的博客
08-25 1514
【代码】JS数组中相同对象合并(去重)，数量相加。
数组对象求和
cdx1170776994的博客
10-31 497
在一个数组对象中，求对象中某一个字段的总和。
js把具有相同属性的对象的值进行合并
weixin_42354661的博客
10-09 581
);} else {});});
vue中json对象数组求最大、最小、合计方法
gz775的专栏
01-05 762
属性与前一个元素作比较，求出最高分和最低分，同时将每个元素的。方法来求最大、最小、合计值。方法遍历数组，将每个元素的。属性累加起来，求出总分。
对数组中每个对象对某个值进行求和
CherryLee_1210的博客
10-31 5360
当我们在进行一些求和操作的时候就会使用数组的reduce方法。 let total = 0; let array = [1, 2, 3, 4, 5]; total = array.reduce((prev, next) => { return prev + next; }, 0); console.log(total); 例如我们数组里面是几个商品的价格，怎么去求商品总价呢 开始我是这么处理的，代码如下 let totalPrice = 0; let goodsList = [ { pric
js中数组去重的几种方法总结
z_24kchun的博客
03-20 544
5.filter方法去重。
js中两数组相加结果
最新发布
08-23
在 JavaScript 中，将两个数组相加或合并得到一个新的数组可以通过多种方式实现。具体取决于数组的结构以及是否需要对相同位置的元素进行相加。 ### 依次相加两个数组的元素 如果两个数组的长度相同，并且希望将它们对应位置的元素相加，可以使用 `Array.map()` 方法配合索引来实现。该方法会创建一个新的数组，其中的每个元素是两个数组中相同索引位置的元素之和。 ```javascript function addArrays(array1, array2) { return array1.map((value, index) => value + array2[index]); } const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; console.log(addArrays(array1, array2)); // 输出: [5, 7, 9] ``` 此方法适用于两个数组长度相同的情况，并且能够高效地生成一个新的数组，其中每个元素是两个数组中对应元素的和 [^1]。 ### 合并两个数组并删除重复项 如果目标是合并两个数组并去除重复项，可以使用 `Set` 来确保最终数组中的元素是唯一的。`Set` 是一种集合数据结构，不允许重复值。通过将两个数组连接后传入 `Set`，可以快速实现去重。 ```javascript const array1 = [1, 2, 3]; const array2 = [3, 4, 5]; const mergedArray = [...new Set([...array1, ...array2])]; console.log(mergedArray); // 输出: [1, 2, 3, 4, 5] ``` 此方法保留了原始数组的顺序，并确保最终数组中的元素是唯一的 [^2]。 ### 合并两个数组并保留所有元素 如果不需要去重，只需要将两个数组中的所有元素合并到一个新的数组中，可以使用扩展运算符（`...`）或 `Array.concat()` 方法。 ```javascript const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const mergedArray = [...array1, ...array2]; console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6] ``` 通过扩展运算符，可以轻松地将多个数组合并成一个新的数组，同时保留所有元素 [^3]。 ### 使用 Lodash 合并对象数组并求和 如果数组中包含的是对象，并且希望根据某个字段（如 `id`）合并数组并对其他字段（如 `quantity`）进行求和，可以使用 Lodash 库的 `_.reduce()` 方法来实现。 ```javascript const _ = require('lodash'); const array1 = [{ id: 1, quantity: 10 }, { id: 2, quantity: 20 }]; const array2 = [{ id: 1, quantity: 5 }, { id: 3, quantity: 15 }]; const mergedArray = Object.values([...array1, ...array2].reduce((acc, item) => { if (acc[item.id]) { acc[item.id].quantity += item.quantity; } else { acc[item.id] = { ...item }; } return acc; }, {})); console.log(mergedArray); // 输出: [ { id: 1, quantity: 15 }, { id: 2, quantity: 20 }, { id: 3, quantity: 15 } ] ``` 此方法通过 `reduce()` 创建一个中间对象，根据 `id` 累加 `quantity`，最终通过 `Object.values()` 转换为数组 [^4]。 ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值