js数组去重用reduce

最新推荐文章于 2024-03-07 15:56:38 发布
最新推荐文章于 2024-03-07 15:56:38 发布
阅读量65 收藏
点赞数
分类专栏： JavaScript 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38158933/article/details/131109900
版权
文章展示了如何使用JavaScript的Array.prototype.reduce方法，通过创建一个对象来跟踪已出现的device_id，从而实现数组中的重复项去除，特别是针对具有相同device_id的对象。最终输出为去重后的设备数据列表。
摘要由CSDN通过智能技术生成
  1. 格式如下
  2. resData=[{device_id: 290, handled_by: '', org: '1号分公司',  description: '' "}, {device_id: 290, handled_by: '', org: '1号分公司',  description: '' "}, {device_id: 230, handled_by: '', org: '2号分公司',  description: '' "}, {device_id: 240, handled_by: '', org: '3号分公司',  description: '' "}, {device_id: 250, handled_by: '', org: '4号分公司',  description: '' "}, {device_id: 290, handled_by: '', org: '1号分公司',  description: '' "}, {device_id: 290, handled_by: '', org: '1号分公司',  description: '' "}]

去重处理

                let resobj={};

                resData = resData.reduce((item,next) => {

                    resobj[next.device_id] ? '' : resobj[next.device_id] = true && item.push(next);

                    return item;

                },[]);

console.log(resData)

控制台打印：

[{device_id: 290, handled_by: '', org: '1号分公司',  description: '' "}, {device_id: 230, handled_by: '', org: '2号分公司',  description: '' "}, {device_id: 240, handled_by: '', org: '3号分公司',  description: '' "}, {device_id: 250, handled_by: '', org: '4号分公司',  description: '' "},]

qq_38158933
关注
专栏目录
js 数组对象去重reduce
m0_52471271的博客
01-04 632
数组对象去重 // 根据对象的code值去重,即数组中code相同的只保留一个 let arr = [ { id: 1, code: 2000, name: '秋歌' }, { id: 2, code: 2001, name: '瓜老板' }, { id: 3, code: 1001, name: '卷咪' }, { id: 4, code: 1002, name: '卷米啊' }, { id: 2, code: 2001, n
无循环 JavaScript(map、reduce、filter和find)
01-21
这篇文章中我们讨论不用任何循环如何处理 JavaScript 数组，最终得出的效果是可以降低代码复杂性。 循环是一种很重要的控制结构，它很难被重用，也很难插入到其他操作之中。另外，它意味着随着每次迭代，代码也在...
JS怎么实现数组内的值累加
一步一个脚印，踏实努力，向着目标前进
07-14 7409
怎么实现数组的每一个值进行累加呢？我只想到了5种方法，比较基础，也比较常用的，如果还有其他方法可以传授一下给我，谢谢！
js数组方法总结
weixin_47441413的博客
03-27 112
1.every方法 检测数组中的元素是否全部满足条件 computed: { isAll: { set(val){ //点击全选,小选全部勾上 this.arr.forEach(item =>item.c = val ); }, //forEach方法循环 get(){ let flag = true; this.arr.forEach((item
javascript：如何在 array.reduce 中返回一个对象？
qq_38334677的博客
08-01 587
javascript：如何在 array.reduce 中返回一个对象？
js实现数组去重简洁代码(filter,Set,reduce)
qq_41437844的博客
10-19 1257
js实现数组去重简洁代码(filter,Set,reduce) 1、通过filter实现数组去重 filter中传入的函数有三个参数。第一个item表示当前元素的值，第二个index表示当前元素的索引值，第三个self表示当前元素属于的数组对象。 var arr = [2,4,3,3,4,2,3,254,234,4]; function unique(arr) { return arr.filter((item, index, self) => { return self.in
js数组去重效率——Map,Set是最高的吗
weixin_44156518的博客
03-08 3122
这篇文章初衷是想探索去重效率，真的是Map,Set最高?实际开发中用哪些最快？ 我一次性写好下面的测试数据和方法（可粘贴后在Node环境直接跑） 测试结果 结论：unique,uniqueBySet,uniqueByMap是值得推荐使用的。 10万级别结果: 过程：测试了三组数据（防止样本重复不足的偏差） 结论：个人习惯用的自定义 unique方法(原理是hash+reduce)基本和Set,Ma...
JavaScript数组常用方法：提升开发效率的利器
前端程序猿的博客
03-07 930
JavaScript是一种广泛应用于Web开发的脚本语言，而数组是JavaScript中最常用的数据结构之一。在JavaScript中，数组提供了许多强大的方法，可以方便地操作和处理数据。本文将介绍一些常用的JavaScript数组方法，帮助开发者提升开发效率。push()方法：在数组末尾添加一个或多个元素。pop()方法：从数组末尾移除最后一个元素，并返回该元素。shift()方法：从数组开头移除第一个元素，并返回该元素。unshift()方法：在数组开头添加一个或多个元素。
数组去重总结+遇过的一些坑
weixin_44490109的博客
07-13 556
很多方法说明会从菜鸟教程借鉴与粘贴，请读者不要介意。 1、for循环+splice方式 splice() 方法用于添加或删除数组中的元素。 注意：这种方法会改变原始数组。 splice方法的说明： （1）基础语法：array.splice(index,howmany,item1,…,itemX) （2）参数说明：[1] index：必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。[2] howmany：可选。规定应该删除多少元素。必须是数字，但可以是 “0”。如果未
在JavaScript中找到数组的最小/最大元素
asdfgh0077的博客
12-23 3273
如何轻松获得JavaScript数组的min或max元素？ 伪代码示例： let array = [100, 0, 50] array.min() //=> 0 array.max
vue forEach循环数组拿到自己想要的数据方法
10-17
最后，虽然Vue提供了`v-for`来在模板内循环渲染，但在JavaScript方法中处理数据时，通常使用`forEach`或`map`、`reduce`等数组方法。`forEach`是一种简单直观的方式，适合于不需要返回新数组的场景。 综上所述，...
10分钟速成JavaScript数组操作：掌握数据结构的基石
JavaScript数组是一种特殊的对象类型，用于存储有序的数据集合。数组可以包含任何类型的元素，包括数字、字符串、对象甚至其他数组。数组的特点包括动态大小、元素的连续存储以及通过索引访问。索引从0开始，允许...
jdk-1.8(8u211-windows-x64)
10-07
jdk-8u211-windows-x64
光储并网直流微电网simulink仿真模型，光伏采用mppt实现最大功率输出 储能由蓄电池和超级电容构成的混合储能系统 为了
10-07
光储并网直流微电网simulink仿真模型，光伏采用mppt实现最大功率输出。 储能由蓄电池和超级电容构成的混合储能系统。 为了确保微网并网时电能质量，采用二阶低通滤波法对光伏输出功率进行抑制，
失物招领信息交互平台 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
最新发布
10-07
失物招领信息交互平台 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS） 启动教程：https://www.bilibili.com/video/BV1GK1iYyE2B
GTT2602-VB一种N-Channel沟道SOT23-6封装MOS管
10-07
30V;6A;RDS(ON)=30mΩ@VGS=10V;VGS=20V;Vth=1.2V
基于51单片机的水箱液位远程监测系统源代码+原理图+流程图+程序说明
10-07
1、使用单片机串口与模块通信；接法如下 STC单片机 GPRS模块 P3.0(RXD)->TXD P3.1(TXD)->RXD GND ->GND 晶振选用11.05926MHz 2、更改服务器地址，包括IP和端口号，要与实际服务器地址对应上。 3、测试此功能时，确保您的服务器是可用的。
GJ9563-VB一种P-Channel沟道TO252封装MOS管
10-07
-40V;-65A;RDS(ON)=10mΩ@VGS=10V;VGS=20V;Vth=-1.6V
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值