JavaScript数组去重

整理了一些数组去重相关的知识

例1

定义一个简单的一维数组

	let myArr = [0,1,3,2,4,3,3,4,5,6,1,7,8];

方法一

使用ES6的Set

	let myArr = [0,1,3,2,4,3,3,4,5,6,1,7,8];
    let result = [...new Set(myArr)].sort((a, b)=>{
      return a - b;
    });
    console.log(result); //[0,1,2,3,4,5,6,7,8]

方法二

使用高阶函数filter

	let myArr = [0,1,3,2,4,3,3,4,5,6,1,7,8];
    let result = myArr.filter((x, index, self)=>{
      return self.indexOf(x) === index;
    }).sort((a, b)=>{
      return a - b;
    });
    console.log(result); //[0,1,2,3,4,5,6,7,8]

方法三

使用for…in循环。
需要注意的是for…in中的x参数是String类型，而indexOf返回的是Number类型，若使用===比较需要进行转换。

	let myArr = [0,1,3,2,4,3,3,4,5,6,1,7,8];
    let result = [];
    for(let x in myArr){
      if(myArr.indexOf(myArr[x]) === parseInt(x)){
        result.push(myArr[x]);
      }
    }
    result.sort((a, b)=>{
      return a - b;
  	});
    console.log(result); //[0,1,2,3,4,5,6,7,8]

例2

定义一个复杂一些的数组

	let myArr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];

方法一

使用ES6的flat方法，flat默认只会拉平一层，可以传入正整数控制，若不管嵌套多少层都想变成一维数组，可以传入Infinity。
具体可参考ES6数组的扩展。

    let myArr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
    let result = [...new Set(myArr.flat(Infinity))].sort((a, b)=>{
      return a - b;
    });
    console.log(result); //[1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 10, 11, 12, 12, 13, 14]

方法二

使用toString和split方法把这个复杂的数组转为一维数组，再使用之前的任意方法去重。
需要注意的是split方法转换完后数组中的每个元素是字符串。

	let myArr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
    let result = myArr.toString().split(",").map(Number).sort((a, b)=>{
      return a-b
    });
    console.log(result); //[1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 10, 11, 12, 12, 13, 14]