JS 消除数组里面重复的的元素

godev

已于 2022-08-26 18:18:05 修改

阅读量1.1k

点赞数 1

分类专栏： Javascript 文章标签： javascript 前端

于 2022-08-01 10:45:06 首次发布

本文链接：https://blog.youkuaiyun.com/godev/article/details/125515911

版权

Javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了三种在JavaScript中去除数组重复元素的方法：使用Set数据结构、indexOf方法遍历以及filter方法结合indexOf。通过实例代码展示了每种方法的实现过程，最终都得到不含重复元素的新数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单数组的去重

方法一使用 new Set()

	let arr = [1,2,3,4,4,5,6,2,7];
	let set = new Set(arr);
	let newArr = Array.from(set)
	console.log(newArr) // [1, 2, 3, 4, 5, 6, 7]

方法二使用indexOf()

	let arr = [1,2,3,4,4,5,6,2,7];
	let newArr = [];
	for(let i = 0; i< arr.length; i++) {
		if(newArr.indexOf(arr[i]) === -1) {
			newArr.push(arr[i])
		}
	}
	console.log(newArr) // [1, 2, 3, 4, 5, 6, 7]

方法三接着使用indexOf()

	let arr1 = [1,2,3,4,4,5,6,2,7];
	let newArr = [];
	newArr = arr1.filter((item, index, arr)=>{
		if(arr.indexOf(item) == index){
			return item
		}
	})
	console.log(newArr) // [1, 2, 3, 4, 5, 6, 7]