通用JS十一——》实用原生js数组去重小代码收录

一、利用ES6 Set去重（ES6中最常用）

function unique(arr){
return Array.from(new Set(arr))
}
var arr = [1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,{},{}];
console.log(unique(arr))
//[1,'true',true,15,false,undefined,null,NaN,{},{}]
**如果不考虑兼容性，这种去重的方法代码最少。这种方法还无法去掉“{}”空对象，后面的告诫方法会添加去掉重复“{}”的方法**

二、利用for嵌套for，然后splice去重(ES5中最常用)

function unique(arr){
for(var i=0;i<arr.length;i++){
	for(var j=i+1;j<arr.length;j++){
		if(arr[i]==arr[j]){
			arr.splice(j,1);
			j--;
		}
	}
}
return arr;
}
var arr =[1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,NaN,{},{}];
console.log(unique(arr))
//[1,'true',true,15,false,undefined,NaN,NaN,{},{}]
//**NaN和{}没有去重，两个null直接消失**
**原理：双层循环元素，内层循环时比较值。值相同时，则删去这个值。**

三、利用indexOf去重

function unique(arr){
if(!Array.isArray(arr)){//判断是否数组
	console.log('type error!')
	return
}
var array = [];
for(var i=0; i<arr.length; i++){
	if(array.indexOf(arr[i])===-1){
		array.push(arr[i])
	}
}
return array;
}
var arr =[1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,NaN,{},{}];
console.log(unique(arr))
//[1,'true',true,15,false,undefined,null,NaN,NaN,{},{}]
//NaN、{}没有去重
原理：新建一个空的结果数组，for循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组。

四、利用sort()

function unique(arr){
	if(!Array.isArray(arr)){
		console.log('type error!')
		return;
	}
	arr = arr.sort()
	var arry = [arr[0]];
	for(var i = 1;i<arr.length;i++){
		if(arr[i]!=arr[i-1]){
		arry.push(arr[i]);
		}
	}
	return arry;
}
var arr =[1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,NaN,{},{}];
console.log(unique(arr))
//[1,'true',true,15,false,undefined,null,NaN,NaN,{},{}]
//NaN、{}没有去重
原理：利用sort()排序方法，然后根据排序后的结果进行遍历及相邻元素对比。

五、利用对象的属性不能相同的特点进行去重

function unique(arr){
if(!Array.isArray(arr)){
	console.log('type error')
	return
}
var arry = [];
var obj = {};
for (var i =0;i<arr.length;i++){
	if(!obj[arr[i]]{
		arry.push(arr[i])
		obj[arr[i]]=1
	}else{
		obj[arr[i]]++
	})
}
return arry;
}
var arr =[1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,NaN,{},{}];
console.log(unique(arr))
//[1,'true',15,false,undefined,null,NaN,{}]
//两个true直接去掉了，NaN和{}可以去重

利用includes去重

function unique(arr){
	if(!Array.isArray(arr)){
	console.log('type error!')
	return
	}
	var array =[];
	for(var i=0;i<arr.length;i++){
		if(!array.includes(arr[i])){
			array.push(arr[i]);
		}
	}
	return array
}
var arr =[1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,NaN,{},{}];
console.log(unique(arr))//只有“{}”没有去重

七、利用hasOwnProperty（所有都去重）

function uniqe(arr){
var obj={};
return arr.filter(function(item,index,arr){
	return obj.hasOwnProperty(typeof item+item)?false:(obj[typeof item + item]= true)
})
}
var arr =[1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,NaN,{},{}];
console.log(unique(arr))//所有都去重了
原理：利用hasOwnProperty判断是否存在对象属性

八、利用filter

function unique(arr){
	return arr.filter(funciton(item,index,arr){
		return arr.indexOf(item,0)===index;
	})
}
var arr = [1,1,'true','true',true,true,15,12,15,false,false,undefined,undefined,null,null,NaN,NaN,{},{}];
console.log(unique(arr))//{}没有去重

最后的最后推荐使用loadsh.js,真香事件