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

原创已于 2022-08-26 18:18:05 修改 · 1.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

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

Javascript 专栏收录该内容

10 篇文章

订阅专栏

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

简单数组的去重

方法一使用 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]