js数组去重

最新推荐文章于 2025-05-27 18:23:58 发布

原创最新推荐文章于 2025-05-27 18:23:58 发布 · 176 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文介绍五种高效去除JavaScript数组中重复元素的方法，包括使用新数组、排序加对比、filter方法、对象属性和ES6 Set对象。每种方法都有详细的代码实现，帮助开发者理解和掌握。

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

（1）先创建一个新数组，遍历原数组，如果遍历的元素在新数组中不存在就添加到新数组中，如果存在则忽略。

function uniqueArray(arr){
	var res = [];
	for(var i =0;i<arr.length;i++){
		var repeat = false;
		for(var j=0; j<res.length; j++){
			if(arr[i] === res[j]){
				repeat = true;
				break;
			}
		}
		if(!repeat){
			res.push(arr[i]);
		}
	}
	return res;
}

（2）先对原数组进行排序，再定义一个新的数组，同时遍历排序后的数组，如果遍历的元素不等于新数组中的最后一个元素，则将当前所遍历的元素添加到新数组中。

function uniqueArray(arr){
	function sortNumber(a,b){
		return a-b;
	}
	var sortArr = arr.sort(sortNumber);
	var res = [];
	for(var i = 0; i<sortArr.length;i++){
		if(sortArr[i] !== res[res.length-1]){
			res.push(sortArr[i]);
		}
	}
	return res;
}

（3）利用数组的filter方法：filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。因此只要找到原数组中那些首次出现的索引indexOf()等于其索引index的元素返回即可。

var uniqueArray = arr.filter(function(element,index,self){
     return self.indexOf(element) === index;
});

（4）利用对象的属性名的唯一性去除重复元素：遍历数组，如果数组元素不是对象的属性，则将当前元素添加到对象属性，同时放入新数组。

function uniqueArray(arr){
	var res = [];
	var obj ={};
	for(var i = 0; i<arr.length;i++){
		if(!obj[arr[i]]){
			res.push(arr[i]);
			obj[arr[i]] = 1;
		}
	}
	return res;
}

（5）利用ES6中Set不包含重复元素的思想，为数组创建set对象，再将set对象转换为数组。代码如下：

function uniqueArray(arr){
	return Array.from(new Set(arr));
}