本文實(shí)例總結(jié)了JavaScript數(shù)組去重的方法。分享給大家供大家參考，具體如下：

數(shù)組去重，一般都是在面試的時(shí)候才會(huì)碰到，一般是要求手寫數(shù)組去重方法的代碼。如果是被提問到，數(shù)組去重的方法有哪些？你能答出其中的10種，面試官很有可能對(duì)你刮目相看。

在真實(shí)的項(xiàng)目中碰到的數(shù)組去重，一般都是后臺(tái)去處理，很少讓前端處理數(shù)組去重。雖然日常項(xiàng)目用到的概率比較低，但還是需要了解一下，以防面試的時(shí)候可能回被問到。

注：寫的匆忙，加上這幾天有點(diǎn)忙，還沒有非常認(rèn)真核對(duì)過，不過思路是沒有問題，可能一些小細(xì)節(jié)出錯(cuò)而已。

數(shù)組去重的方法

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

function unique (arr) { return Array.from(new Set(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", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]

不考慮兼容性，這種去重的方法代碼最少。這種方法還無法去掉“{}”空對(duì)象，后面的高階方法會(huì)添加去掉重復(fù)“{}”的方法。

二、利用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]){     //第一個(gè)等同于第二個(gè)，splice方法刪除第二個(gè)          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和{}沒有去重，兩個(gè)null直接消失了

雙層循環(huán)，外層循環(huán)元素，內(nèi)層循環(huán)時(shí)比較值。值相同時(shí)，則刪去這個(gè)值。

想快速學(xué)習(xí)更多常用的ES6語法，可以看我之前的文章《學(xué)習(xí)ES6筆記──工作中常用到的ES6語法》。

三、利用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,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、{}沒有去重

新建一個(gè)空的結(jié)果數(shù)組，for 循環(huán)原數(shù)組，判斷結(jié)果數(shù)組是否存在當(dāng)前元素，如果有相同的值則跳過，不相同則push進(jìn)數(shù)組。

四、利用sort()

function unique(arr) {  if (!Array.isArray(arr)) {    console.log('type error!')    return;  }  arr = arr.sort()  var arrry= [arr[0]];  for (var i = 1; i < arr.length; i++) {    if (arr[i] !== arr[i-1]) {      arrry.push(arr[i]);    }  }  return arrry;}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))// [0, 1, 15, "NaN", NaN, NaN, {…}, {…}, "a", false, null, true, "true", undefined]   //NaN、{}沒有去重