数组对象去重 ES6 findIndex filter

最新推荐文章于 2023-05-08 10:45:51 发布
最新推荐文章于 2023-05-08 10:45:51 发布
阅读量319 收藏
点赞数 1
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dasy_R/article/details/120534512
版权
本文介绍了如何利用JavaScript ES6的findIndex和filter方法有效地实现对象数组的去重操作，重点在于查找并过滤重复元素。
摘要由CSDN通过智能技术生成

findIndex() 查找元素，返回值是该元素的数组下标
filter() 过滤元素，返回值是该元素

// 数组对象去重
   var arr = [{
   
        id: 1,
        name: 'ceshi',
        type: '01',
        price: '33',
    },
最低0.47元/天 解锁文章
混度思绪
关注
专栏目录
【ES6】es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践
余浩的博客
03-02 1万+
es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践。利用reduce()方法的累积器作用，在对由对象组成的数组进行遍历时，通过对象```hasObj```来标记数组中每个元素id是否出现过。 如果出现过，那么遍历到的当前元素则不会放入到累积器中， 如果没有出现，则添加到累积器中，这样保证了最后返回值中每个数据id的唯一性。
es6 数组实例的 find() 和 findIndex()
热门推荐
现在学习也不晚
11-23 5万+
数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。[1, 4, -5, 10].find((n) => n < 0) // -5 [1, 5, 10, 15].find(function(value, index, ar...
数组去重findIndex
weixin_44705688的博客
05-18 771
数组去重 function arrayUnique (arr) { if (!len) { return [] } let tmp = [] for (let i = 0; i < len.length; i++) { if (tmp.findIndex((v) => JSON.stringify(v) === JSON.stringify(arr[i])) === -1) { tmp.push(arr[i]) } } return t
数组对象通过filter+findIndex去重
前端工程师，博文都是自己学习到的，或者开发中遇到的点，记录一下
11-29 499
this.tableList = this.tableList.result.filter((value, index, array) => { return array.findIndex(item => item.user_name === value.user_name) === index })
es6中数组新增的find() 和 findIndex()
菜鸟的博客
09-18 425
find() 数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。 [1, 4, -5, 10].find((n) => n < 0) // -5 find方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。 [1, 5, 10, 15].find(function(value, index, arr).
es6 - find()和findIndex()原理
weixin_45663697的博客
03-31 253
1. find() find(): 查找目标元素，找到就返回该元素，找不到返回undefined。 var users = [ {id: 1, name:"李四"}, {id: 2, name:"张三"}, {id: 3, name:"王五"}, {id: 4, name:"小小"} ]; Array.prototype.myFind = function(condition){ //condition(function(item,index){return ite
js代码-2个数组对象去重获取合并后的数组
07-15
这里我们使用了`filter`方法和`findIndex`方法，通过比较对象的`id`和`name`属性来判断是否重复。 3. **使用reduce方法**：利用`reduce`方法将数组合并，并通过一个辅助对象来检查是否有重复的元素。 ```...
高性能js数组去重(12种方法，史上最全)
10-15
return arr.filter((item, index) => arr.findIndex(i => compareFn(i, item)) === index); } ``` 12. **利用lodash库的uniq方法**： 如果允许使用第三方库，lodash的uniq方法非常方便。 ```javascript const...
JavaScript数组方法 -- 还有去重方法
Hannah_Hannah_的博客
08-09 3032
callback用来测试每个元素的函数，接受三个参数：element（数组中正在处理的元素），index（数组中正在处理元素的索引值），array（some()被调用的数组），thisArg（执行callback时使用的this）callback用来测试每个元素的函数，接受三个参数：element（数组中正在处理的元素），index（数组中正在处理元素的索引值），array（some()被调用的数组），thisArg（执行callback时使用的this）方法对数组中的每个元素按序执行一个由您提供的。...
获取数组对象里面相同值的最后一个对象，数组对象求相同数据的最后一个对象
qq_49519446的博客
04-02 2106
此时的对象数据格式是这个样子，根据day作为依据，只要拿出重复的day的最后一个对象 下面附上代码 // 根据day来进行筛选出该数组对象中重复的最后一项 let newArr = arr.reverse().filter((item, index) => { // status来接收findIndex方法返回的下标 let status = arr.findIndex((ele) => { // 判断，如果是循环一和循环二的day都相同，那么就返回这一..
JS快速查找数组中重复项以及下标
qq_21696621的博客
06-11 6372
let arr= [1,2,3,4,5,1,2]; let rep = []; arr.forEach((item,index)=>{ if(arr.indexOf(item)!=index){ // 匹配数组元素第一个item位置和当前循环的index let obj = {}; obj.key = (arr.indexOf(item) + 1) + '...
ES6查找数组元素下标的两种方法
举世武双的博客
05-25 2万+
直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
es6 取数组的第一个和最后一个_JavaScript常用数组操作方法，包含ES6方法
weixin_30840919的博客
02-23 1万+
四、pop()pop() 方法用于删除并返回数组的最后一个元素。返回最后一个元素，会改变原数组。五、shift()shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。返回第一个元素，改变原数组。六、unshift()unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。返回新长度，改变原数组。七、slice()返回一个新的数组，包含从 start 到 e...
快速查找数组中重复项下标
smz8023的博客
01-09 3020
快速查找数组中重复项下标 var ARR = [1,2,3,4,5,1,2]; var rep = []; ARR.forEach((item,index)=&amp;gt;{ if(ARR.indexOf(item)!=index){ rep.push(ARR.indexOf(item),index) } })
JS实现数组去重（重复的元素只保留一个）
weixin_30325487的博客
09-15 700
1.遍历数组法 它是最简单的数组去重方法（indexOf方法） 实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中； var arr=[2,8,5,0,5,2,6,7,2]; function unique1(arr){ var hash=[]; for (var i = 0; i < arr.length; i++...
合并对象id相同的两个数组对象
u012183426的博客
03-30 4071
var arr2=[{id:1,name:'23'}] var arr1=[{id:1,car:'car2'}] const combined = arr2.reduce((acc, cur) => { const target = acc.find(e => e.id === cur.id); console.log(target) if (target) { Object...
es6去除id为一样的对象
Dengjianhao的博客
05-08 128
this.data.vipTipArr.filter(item=>!arr.some(ele=>ele.goodsId===item.goodsId))
【ES6】数组方法--查找元素find()、findIndex()
分享前端技术心得
10-15 7199
【代码】【ES6】数组方法--查找元素find()、findIndex()
js数组对象去重es6方法
最新发布
08-12
在ES6中，可以使用Set数据结构来实现数组对象的去重。Set是一种集合数据结构，它只能存储唯一值，可以轻松去除重复项。下面是一种常见的方法： ```javascript const array = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 1, name: 'John' }, { id: 3, name: 'Bob' } ]; const uniqueArray = Array.from(new Set(array.map(JSON.stringify)), JSON.parse); ``` 上述代码中，我们首先使用`map`方法将数组中的对象转换为字符串，然后将这些字符串作为元素创建一个新的Set对象。这样，Set会自动去除重复项。最后，我们通过`Array.from`方法将Set对象转换回数组，并使用`JSON.parse`将字符串转换回对象。 现在，`uniqueArray`就是去重后的数组对象。 请注意，这种方法可能会导致对象顺序发生变化，因为Set对象不保持原始顺序。如果需要保持原始顺序，可以使用其他方法来实现去重，例如遍历数组对象并手动比较属性值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值