<javaScript> 數(shù)組去重的方法總結(jié)(2017年)

YanceyOfficial 發(fā)布于2019-08-01 16:50 / 513人閱讀

摘要：現(xiàn)在要求去重下面這個(gè)數(shù)組測(cè)試重復(fù)重復(fù)方法一測(cè)試重復(fù)重復(fù)去重后測(cè)試重復(fù)是新加的集合集合中的值不會(huì)重復(fù)。歡迎大家一起討論提出新的去重方法。有任何錯(cuò)誤請(qǐng)?jiān)谠u(píng)論指出。

現(xiàn)在要求去重下面這個(gè)數(shù)組

[1, 2, 3, 3, 3, "0", "1", "2", "測(cè)試", "重復(fù)", "重復(fù)", NaN, NaN, false, false];

方法一：ES6 Set()

let arr = [1, 2, 3, 3, 3, "0", "1", "2", "測(cè)試", "重復(fù)", "重復(fù)", NaN, NaN, false, false];
arr = [...new Set(arr)]; //去重后:  [ 1, 2, 3, "0", "1", "2", "測(cè)試", "重復(fù)", NaN, false ]

Set 是ES6新加的集合,集合中的值不會(huì)重復(fù)。 ...操作符會(huì)將可遍歷對(duì)象,轉(zhuǎn)換為數(shù)組.

方法二：利用對(duì)象

let arr = [1, 2, 3, 3, 3, "0", "1", "2", "測(cè)試", "重復(fù)", "重復(fù)", NaN, NaN, false, false];
let obj ={};
let temp=[];
for( let i = 0; i < arr.length; i++ ) {
let type= Object.prototype.toString.call(arr[i]);//不加類型 分不清 1 "1"  
if( !obj[ arr[i] +type] ) {
      temp.push( arr[i] );
      obj[ arr[i]+ type ] =true;//這里給true 利于代碼閱讀和判斷。  如果給 0,"" ,false ,undefined 都會(huì)在if那里判斷為 false 不利于代碼閱讀
      }
}
console.log(temp)//去重后:  [ 1, 2, 3, "0", "1", "2", "測(cè)試", "重復(fù)", NaN, false ]

方法三：sort排序后在去重

let arr = [1, 2, 3, 3, 3, "0", "1", "2", "測(cè)試", "重復(fù)", "重復(fù)", NaN, NaN, false, false];
arr = arr.sort();
let temp =[];
while(arr.length > 0) {
        if( Object.is(arr[0], arr[1]) ) {//Object.is() 用于比較2個(gè)值, 比===更靠譜  例如 Object.is(NaN,NaN) 會(huì)判斷true
              arr.shift();
        }else{
              temp.push( arr.shift() );
}
}//此方法會(huì)清空原數(shù)組,  你可以復(fù)制個(gè)數(shù)組,在去進(jìn)行操作
console.log(temp)//去重后:  [ "0", 1, "1", "2", 2, 3, NaN, false, "測(cè)試", "重復(fù)" ]

方法四：for in

let arr = [1, 2, 3, 3, 3, "0", "1", "2", "測(cè)試", "重復(fù)", "重復(fù)", NaN, NaN, false, false];
let temp =[];
for(let i = 0; i < arr.length; i++) {
        if( !temp.includes( arr[i]) ) {//includes 檢測(cè)數(shù)組是否有某個(gè)值 內(nèi)部調(diào)用Object.is() 利用判斷NaN
                temp.push(arr[i]);
          }
}
console.log(temp);//去重后:  [ 1, 2, 3, "0", "1", "2", "測(cè)試", "重復(fù)", NaN, false ]

以上方法在最新版本谷歌瀏覽器全部正常運(yùn)行; 建議大家都用谷歌瀏覽器~~
但是還是要用Babel去轉(zhuǎn)譯這些代碼，不然低級(jí)瀏覽器沒法運(yùn)行。
歡迎大家一起討論, 提出新的去重方法。
有任何錯(cuò)誤,請(qǐng)?jiān)谠u(píng)論指出。謝謝大家。
劉志飛 2017.5.15