分享经典面试题：JS数组去重的多种方法

码喽的自我修养

于 2024-04-27 22:53:09 发布

阅读量263

点赞数 6

分类专栏： javascript深入研究文章标签：前端开发语言 javascript

本文链接：https://blog.csdn.net/2301_78542842/article/details/138260123

版权

javascript深入研究专栏收录该内容

23 篇文章 5 订阅

订阅专栏

本文介绍了三种在JavaScript中实现数组去重的方法：利用ES6Set的特性，数组遍历与indexOf()检查，以及使用sort方法和相邻元素比较。作者强调了每种方法的优缺点并邀请读者讨论更多解决方案。

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

与大家分享我在工作中用到的三种数组去重的方法，亲测有效~

1.利用es6的新特性new set

var arr1 = [1,2,3,2,4,1];
function unique(arr){
	return [...new Set(arr)]
}
console.log(  unique(arr1) );
//返回 [1,2,3,4]

注意：Set首字母需要大写，也可以用Array.from(new Set(arr))

这种方法简单好用，不过有个缺点：new Set去重是去同样类型的重，如果有数字类型1和字符串类型1是不可以的

2.数组遍历+indexof()方法

var arr2 = [1,2,3,2,4,1];
function unique( arr ){
	var brr = [];
	for( var i=0;i<arr.length;i++){
		if(  brr.indexOf(arr[i]) == -1 ){
			brr.push( arr[i] );
		}
	}
	return brr;
}
console.log( unique(arr2) );
//返回[1,2,3,4]

3.数组的sort方法+循环遍历，判断相邻的两个元素是否相等

var arr3 = [1,2,3,2,4,1];
function unique( arr ){
	arr = arr.sort();
	var brr = [];
	for(var i=0;i<arr.length;i++){
		if( arr[i] !== arr[i-1]){
			brr.push( arr[i] );
		}
	}
	return brr;
}
console.log( unique(arr3) );
//返回[1,2,3,4]

以上方法各有利弊，小伙伴们如果还有其他更合适的方法，欢迎留言探讨~