Javascript数组去重【set+map+indexOf+filter+splice+includes+hasOwnProperty七种方法去重】

1、ES6:set去重

• 不考虑兼容性，这种去重的方法代码最少。
• 但是这种方法还无法去掉“{}”空对象。

var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
console.log([...new Set(arr)]);
// 等同于
console.log(Array.from(new Set(arr)));

2、 ES5中常见： 利用for嵌套for，然后splice去重

NaN和{}没有去重

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,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
    console.log(unique(arr))
    //[1, "true", 15, false, undefined, NaN, NaN, "NaN", "a", {…}, {…}]     //NaN和{}没有去重，两个null直接消失了

3、 indexOf去重

新建一个空的结果数组，for循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组

function unique(arr) {
	if(!Array.isArray(arr)) {
		return false
	}
	let array = [];
	for(let 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,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
console.log(unique(arr))
   // [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}]  //NaN、{}没有去重

4、 includes

function unique(arr) {
	if (!Array.isArray(arr)) {
		return false;
	}
	let array = [];
	for (let 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,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
    console.log(unique(arr))
    //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}]     //{}没有去重

5、 利用hasOwnProperty

 let obj = {}
        let result = arr.filter((item, index) => {
            return obj.hasOwnProperty(item) ? false : (obj[item] = true)
        })
        console.log(result);

6、利用filter

function unique(arr) {
	return arr.filter((item, index, arr) => {
		return arr.indexOf(item) === index;
	})
}
    var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
        console.log(unique(arr))
//[1, "true", true, 15, false, undefined, null, "NaN", 0, "a", {…}, {…}]

7、 利用Map数据结构去重

function arrayNonRepeatfy(arr) {
	let map = new Map();
	let array = new Array();    // 数组用于返回结果
	for (let i = 0; i < arr.length; i++) {
		if(map.has(arr[i])) {
			map.set(arr[i], true)
		} eles {
			map.set(arr[i], false);
			array.push(arr[i])
		} 
	}
	return array;
}
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
    console.log(unique(arr))
//[1, "a", "true", true, 15, false, 1, {…}, null, NaN, NaN, "NaN", 0, "a", {…}, undefined]