数组对象去重 ES6 findIndex filter

最新推荐文章于 2023-05-08 10:45:51 发布

混度思绪

最新推荐文章于 2023-05-08 10:45:51 发布

阅读量319

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：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元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

混度思绪

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【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

772

数组去重 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

3033

callback用来测试每个元素的函数，接受三个参数：element（数组中正在处理的元素），index（数组中正在处理元素的索引值），array（some()被调用的数组），thisArg（执行callback时使用的this）callback用来测试每个元素的函数，接受三个参数：element（数组中正在处理的元素），index（数组中正在处理元素的索引值），array（some()被调用的数组），thisArg（执行callback时使用的this）方法对数组中的每个元素按序执行一个由您提供的。...

获取数组对象里面相同值的最后一个对象，数组对象求相同数据的最后一个对象

qq_49519446的博客

04-02

2108

此时的对象数据格式是这个样子，根据day作为依据，只要拿出重复的day的最后一个对象下面附上代码 // 根据day来进行筛选出该数组对象中重复的最后一项 let newArr = arr.reverse().filter((item, index) => { // status来接收findIndex方法返回的下标 let status = arr.findIndex((ele) => { // 判断，如果是循环一和循环二的day都相同，那么就返回这一..

JS快速查找数组中重复项以及下标

qq_21696621的博客

06-11

6374

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)=&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++...

es6去除id为一样的对象

Dengjianhao的博客

05-08

131

this.data.vipTipArr.filter(item=>!arr.some(ele=>ele.goodsId===item.goodsId))

【ES6】数组方法--查找元素find()、findIndex()

分享前端技术心得

10-15

7200

【代码】【ES6】数组方法--查找元素find()、findIndex()

ES6数组方法find()、findIndex()的总结

huangfuyk.的博客

04-22

2万+

本文主要讲解ES6数组方法find()与findIndex()，关于JS的更多数组方法，可参考以下： ①JavaScript 内置对象之-Array ②ES5新增数组方法（例：map()、indexOf()、filter()等） ③ES6新增字符串扩张方法includes()、startsWith()、endsWith() 1. find() 该方法主要应用于查找第一个符合条件的数组元素，即...

js数组对象去重es6方法