【ES6】es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践

已于 2022-03-23 14:07:09 修改
阅读量1.5w 收藏 60
点赞数 11
分类专栏： typescript javascript 文章标签： javascript 前端 es6
于 2022-03-02 22:04:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42960907/article/details/123202275
版权
本文介绍了在JavaScript中使用ES6的filter()与findIndex()方法结合及reduce()实现数组去重的实战技巧，包括对象去重和扁平化处理，适合开发者在实际项目中解决数据重复问题。
摘要由CSDN通过智能技术生成

es6数组中对象去重

开发中遇到搜索，数据是这样添加的this.delHumans.push(...humans); //将搜索出的人员添加到数据项
但是会遇到有重复的情况

方法一： filter()与findIndex()给数组去重

1. filter()用法

filter()方法返回一个包含符合指定条件的所有元素的新数组。如果没有符合条件的元素，则返回空数组。
注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。

let arr = [
		{
   id: 1
了解本专栏 订阅专栏 解锁全文 超级会员免费看
卸载引擎
关注
专栏目录
订阅专栏
ES6 数组去重，数组对象去重
Moria
05-11 808
// 数组对象去重 { const arr = [ { name:'zhangsan', age:12 }, { name:'lisi', age:14 }, { name:'zhangsan', age:12 }, { name:'lisi', age:.
es6 数组去重_JS数组去重的9种方法（包括去重NaN和复杂数组类型）
weixin_39556590的博客
11-21 802
其实网上已经有很多js数组的去重方法，但是我看了很多篇并自己通过代码验证，发现都有一些缺陷，于是在研究多篇代码之后，自己总结了9种方法，如果有哪里不对请及时纠正我哈~测试代码let arr1 = [3, 1, [1], 1, [1], true, true, {}, '1', NaN, undefined, NaN, undefined, {}, null, null];let arr2 = []...
JavaScript数组去重—ES6的两种方式
热门推荐
FEWY的博客
09-27 3万+
说明JavaScript数组去重这个问题，经常出现在面试题中，以前也写过一篇数组去重的文章，（JavaScript 数组去重的多种方法原理详解）但感觉代码还是有点不够简单，今天和大家再说两种方法，代码可是足够的少了。 解释方法一：function unique(arr) { const res = new Map(); return arr.filter((a) => !res(
js：数组去重
最新发布
weixin_44384273的博客
08-16 279
数组去重
ES6 数组内对象去重
任磊
05-20 1万+
在实际的项目当中不可避免的会遇到数组里面元素重复情况，下面将介绍几种ES6数组去重的方法： 1、使用Set去重 const arr = ['张三','张三','三张三'] let set = new Set(arr); // set 自带去重 // Set { '张三', '三张三' } console.log(set); console.error(Array.from(set)); // [ '张三', '三张三' ] 2、使用reduce去重 let person = [ {id
ES6 数组对象去重
weixin_57384516的博客
04-12 1024
const arr =[ { name:'zhangsan', age:34 },{ name:'lisi', age:34 },{ name:'zhangsan', age:34 },{ name:'lisi', age:34 },{ name:'zhangsan', age:34 },{ .
使用ES6进行对象数组去重
spicyboiledfish的博客
11-20 2179
之前使用new Set数组去重，只可以去重简单字符数组，或者数字数组等。Array.from(new Set(arr))即可。但是这种方案针对对象数组并不适用
ES6：数组去重的方法
小草莓的博客
06-27 6546
Set 是 ES6 引入的一种数据结构，其中的元素是唯一的，不允许重复。可以通过将数组转换为Set，然后再将 Set 转换回数组来实现去重。将数组转换为 Set，然后再将 Set 转换回数组来实现去重。利用 filter() 方法遍历数组，筛选出不重复的元素。遍历数组，将不重复的元素添加到累积的结果数组中。：因为该结构中的元素是唯一的，不允许重复。使用 reduce() 方法遍历数组，将不重复的元素添加到累积的结果数组中。遍历数组，筛选出不重复的元素。排序，然后用一个指针从第。
js代码-2个数组对象去重获取合并后的数组
07-15
在JavaScript编程中，数组对象的去重和合并是一项常见的任务，尤其在处理数据集合时显得尤为重要。本主题将深入探讨如何使用JS代码处理两个数组对象，以实现去重并获取合并后的唯一数组。 首先，我们需要理解数组...
浅谈ES6新增的数组方法和对象
08-29
其次，ES6中新增了数组方法map()、filter()和reduce()。 1. 数组方法map()：返回一个新的数组，例如： ``` let arr = [1, 2, 3, 4, 3, 2, 1, 2]; let newArr = arr.map((value, index, arr) => value); console.log...
数组去重以及数组对象去重方法总结
丑小鸭变黑天鹅的博客
05-09 5970
数组去重以及数组对象去重方法总结一、数组对象去重1、reduce方法2、利用原生js+空对象+空数组3、利用原生js+标志位+空数组4、利用双指针思想+splice方法二、数组去重1、利用新数组+标志位2、排序+新数组+相邻比较3、新对象+新数组4、新数组+indexOf5、新数组+includes6、新数组+filter+includes7、新数组+foreach+includes8、 双指针思想+splice9、新数组+lastIndexOf10、ES6的set 方法 一、数组对象去重 1、reduce
ES6数组对象去重取重
qq_37291111的博客
05-12 3434
ES6 ，vue数组对象去重，取重1、单数组，自身去重2、单数组对象，自身去重3、合并两个数组，并去重4、合并两个数组对象，并去重5、去重：两个数组对象A,B，获取A中减去含有B的部分6、取重：两个数组对象A,B，获取A中含有B的部分 1、单数组，自身去重 let data = ["张三","李四","王五","赵六","张三","田七"] let set = new Set(data) console.log(set) 2、单数组对象，自身去重 let data = [ {id:1,name:"张三
三种实用ES6 数组内对象去重方法
web全栈开发的博客
07-05 4994
在实际的项目当中不可避免的会遇到数组里面元素重复情况，下面将介绍几种。
es6数组对象去重方法
sisixiyu6688的博客
10-22 422
es6数组对象去重方法 let paramsArr=数组对象； //check_detail_id 为去重标识 paramsArr= […new Set(paramsArr.map(i => i.check_detail_id))].map(index => paramsArr.find(value => value.check_detail_id === index));
es6之数组去重之对象去重
maDreambig的博客
03-30 481
简单的数组去重： let a = [1,2,3,4]; let b = [3,4,5]; let newList = [...new Set([...a, ...b])] //[1, 2, 3, 4, 5] 数组中对象去重： let a=[{id:'1',value:'this'},{id:'2',value:'is'}] let b=[{id:'1',value:'hello'},{i...
对象数组去重es6
gwdgwd123的博客
01-29 829
// 通过对象数组的catCode进行去重数组 export function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a.catCode)&& res.set(a.catCode, 1)) }
Web前端通用流行框架大全，2024年新版软件测试学习路线图--通用技能，最新2024年前端大厂面试经验
code8889的博客
04-07 406
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总JavaScript性能linux一个人可以走的很快，但一群人才能走的更远。
数组中的对象去重（es6方法）
SilentLand的博客
02-23 1838
需求 将数据处理后产生的code相同的数据去除后返回给后端 解决 处理后产生的重复数据 // 处理后产生的重复数据 let tableList = [ { code: '001', name: 'aaa', age: '18', other: 'abc' }, { code: '002', name: 'bdfd', age: '28', other: 'abc' }, { code: '002', name: 'aasdf', age: '98', other: 'abc' },
es6 js数组对象去重
09-03
- *3* [【ES6】es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践](https://blog.csdn.net/weixin_42960907/article/details/123202275)[target="_blank" data-report-click={"spm":"1018.2226....
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卸载引擎

如果对您有帮助，请赏个饭吃

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值