简单的数组去重

前端学习007

于 2021-04-02 15:56:19 发布

阅读量459

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/weixin_44433499/article/details/115400814

版权

本文介绍了四种在JavaScript中去除数组重复元素的方法，包括使用Set、reduce、filter以及hasOwnProperty属性。这些方法分别展示了不同的实现思路，适用于不同场景下的数组去重需求。通过实例代码演示，帮助读者理解并掌握这些技巧。

摘要由CSDN通过智能技术生成

1.最便捷的方法： […new Set(arr)]

const arr = [4,5,3,4,6,5,8,6];
console.log(Array.from(new Set(arr))) // [4, 5, 3, 6, 8]
console.log([…new Set(arr)]) // [4, 5, 3, 6, 8]

2.recude+include去重

const arr1 = [4,5,3,4,6,5,8,6];
const a1 = arr1.reduce((prev,cur) => prev.includes(cur) ? prev : […prev,cur],[]);
console.log(a1) // [4, 5, 3, 6, 8]

3.利用filter去重

const arr2 = [4,5,3,4,6,5,8,6];
const b = arr2.filter((item, index, arr2) => arr2.indexOf(item, 0) === index) // [4, 5, 3, 6, 8]

4.利用hasOwnProperty去重

const arr3 = [4,5,3,4,6,5,8,6];
function duplicate (arr) {
var obj = {};
return arr3.filter(function(item, index, arr3){
return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)
})
}
console.log(duplicate(arr3)) // 4, 5, 3, 6, 8]
在这里插入图片描述