js中使用reduce方法给数组对象去重

已于 2022-12-15 16:15:17 修改
阅读量115 收藏
点赞数
文章标签： javascript 前端
于 2022-12-15 16:10:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61132795/article/details/128331353
版权 
    repetitionRemove(arr) {
      let obj = {};
      // 接收必须是数组并且长度要大于0
      if (Array.isArray(arr) && arr.length > 0) {
        return arr.reduce((pre, cur) => {
          obj[cur.Id] ? "" : (obj[cur.Id] = true) && pre.push(cur);
          return pre;
        }, []);
      }
    },

大马猴聊前端
关注
【ES6】es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践
余浩的博客
03-02 1万+
es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践。利用reduce()方法的累积器作用，在对由对象组成的数组进行遍历时，通过对象```hasObj```来标记数组中每个元素id是否出现过。 如果出现过，那么遍历到的当前元素则不会放入到累积器中， 如果没有出现，则添加到累积器中，这样保证了最后返回值中每个数据id的唯一性。
数组去重以及数组对象去重方法总结
丑小鸭变黑天鹅的博客
05-09 5907
数组去重以及数组对象去重方法总结一、数组对象去重1、reduce方法2、利用原生js+空对象+空数组3、利用原生js+标志位+空数组4、利用双指针思想+splice方法二、数组去重1、利用新数组+标志位2、排序+新数组+相邻比较3、新对象+新数组4、新数组+indexOf5、新数组+includes6、新数组+filter+includes7、新数组+foreach+includes8、 双指针思想+splice9、新数组+lastIndexOf10、ES6的set 方法 一、数组对象去重 1、reduce
js 数组对象去重reduce
m0_52471271的博客
01-04 626
数组对象去重 // 根据对象的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
JS数组中 reduce() 方法 数组对象去重
AS_TS的博客
08-19 2926
参考引用： 数组里面对象去重的3种方法: https://blog.csdn.net/l284969634/article/details/91397332 js数组去重的多种方法: https://blog.csdn.net/linglingzi001/article/details/107772411 JS中reduce方法: https://blog.csdn.net/hope93/article/details/86528183 Array.reduce()方法解析: https://blog.cs
使用数组的 reduce方法，为对象数组去重
pig_ning的博客
08-17 669
使用数组的 reduce方法，为对象数组去重
js reduce方法实现数组和对象去重
湾流~ 的博客
03-05 260
reduce方法 语法: arr.reduce(function(total,current,index,array){ }, init); 参数说明 total :初始值 init ,或者计算结束后的返回值 (必需) init:初始值(必需) current,当前元素(可选) index:当前元素索引(可选) array:当前元素所属的数组对象(可选) 数组去重 var arr = [1, 2, 3, 4, 5, 1, 2, 3, 4, 5]; var newAr.
JS之reduce()实现数组去重(数组包含对象)
qq_40677590的博客
09-08 1926
多维数组去重(包含对象) 先来个复杂的数据结构去重 var arrayNum = [1, 2, [2, 3, 4], [4, 1, 6], [{name:'looper'},{name:'zhuo'}], [{name:"looper"}] ] var hashKey={} var result = [...new Set(arrayNum.reduce((item, next) => { return item.concat(next) ..
js代码-2个数组对象去重获取合并后的数组
07-15
在JavaScript编程中，数组对象的去重和合并是一项常见的任务，尤其在处理数据集合时显得尤为重要。本主题将深入探讨如何使用JS代码处理两个数组对象，以实现去重并获取合并后的唯一数组。 首先，我们需要理解数组...
js中数组对象去重的两种方法
12-12
采用数组中的reduce方法，遍历数组，也是通过对象访问属性的方法 var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: '04', value: '哈哈' ...
js中数组对象去重的方法 reduce
qq_49278774的博客
01-12 758
js中数组对象去重的方法 最近工作中需要用到数组对象去重的方法，我是怎么想也没想出来，今天稍微研究了一下，总算找到了2种方法。分享一下，希望对大家有帮助！ 方法一： 采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。 方法二： 采用数组中的reduce方法，遍历数组，也是通过对象访问属性的方法 var arr = [{ id: '01', value: '乐乐' }, { id: '02', value: '博博' }, {
JS 数组中对象去重 reduce 高级技巧用法
会点php的前端小渣渣
07-04 834
let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ] 我们想去掉数组中id重复的对象，比如同样id为2的两个对象—— {id: 2, name: "小李"}和{id: 2, name: "小陈"} （去掉任何.
js通过reduce进行数组去重
lele的博客
04-07 1179
let arr = [1,2,3,4,4,1] let newArr = arr.reduce((pre,cur)=>{ if(!pre.includes(cur)){ return pre.concat(cur) }else{ return pre } },[]) console.log(newArr);// [1, 2, 3, 4]
JS reduce()方法详解，使用reduce数组去重
EmotionComputer
09-22 4757
1.数组求和 reduce方法本意就是用来记录循环的累积结果，用于数组求和是最合适不过了。比如我们要求数组 [1,2,3,4] 的元素之和，用forEach你得这样写： let total = 0; [1, 2, 3, 4].forEach(item => total += item); console.log(total); //10 但通过reduce方法就简单的多，我们可以这么写： let total = [1, 2, 3, 4].reduce((accumulator, current) =
js求对象数组的交集/并集/差集/去重
wwf1225的博客
06-29 4046
js求对象数组的交集/并集/差集/去重 求交集 var arr1 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }]; var arr1Id = [1, 2, 3] var arr2 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }, { name: 'name4', id:...
js 之reduce 方法实现数组去重原理分布解析
qq_48046110的博客
11-01 334
js 之reduce 方法实现数组去重原理分布解析
js数组中对象去重的方法 reduce去重
，
06-11 1232
js数组中对象去重的方法 let arr = [ {queuecode:"WQ000278315",queuename:"批次整合队列20190419050000002"}, {queuecode:"WQ000030521",queuename:"批次整合队列20190419050004545"}, {queuecode:"WQ000140631",queuename:"批次整合队列20170411212333002"}, {queuecode:"WQ000278315",queu
js数组对象去重
热门推荐
weixin_43045869的博客
07-20 2万+
js数组对象去重
js 对象类型数组使用reduce去重
小漠007的专栏
11-30 927
那如果是对象数组了（元素为对象的数组），遍历？有没有可能一个语句解决？回调函数第一个参数cur是上一次遍历执行回调函数返回了的cur元素。如果不传递第二个参数，默认第一次为undefined。基础类型对象去重我们都会，set转一下就可以了。第一遍历的时候是第二个参数[]答案是 reduce。
JS给数组中的对象去重-reduce()
sinat_34748348的博客
09-17 1302
let person = [ {id: 0, name: “小明”}, {id: 1, name: “小张”}, {id: 2, name: “小李”}, {id: 3, name: “小孙”}, {id: 1, name: “小周”}, {id: 2, name: “小陈”}, ]; ...
js数组对象去重方法
最新发布
08-28
JavaScript中有多种方法可以对数组进行去重操作，以下是其中的一些常见方法： 1. **Set** 对象：Set是一个特殊的内置对象，它只允许存储唯一的值（包括原始值和Object）。你可以将数组转换成Set，然后再转回数组，即可实现去重。 ```javascript let arr = [1, 2, 2, 3, 4, 4, 5]; let uniqueArr = [...new Set(arr)]; ``` 2. **filter() + includes()**：通过遍历数组，检查每个元素是否不在新的数组中，实现去重。 ```javascript let arr = [1, 2, 2, 3, 4, 4, 5]; let uniqueArr = arr.filter((item, index, self) => { return self.indexOf(item) === index; }); ``` 3. **reduce()**：利用reduce方法将数组变为单个值，并基于已存在的值决定元素是否应添加到结果数组。 ```javascript let arr = [1, 2, 2, 3, 4, 4, 5]; let uniqueArr = arr.reduce((prev, curr) => prev.includes(curr) ? prev : [...prev, curr], []); ``` 4. **双重循环**：简单的双层for循环，外层遍历数组，内层判断当前元素是否已经存在于新数组中。 ```javascript let arr = [1, 2, 2, 3, 4, 4, 5]; let uniqueArr = []; for (let i = 0; i < arr.length; i++) { if (!uniqueArr.includes(arr[i])) { uniqueArr.push(arr[i]); } } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值