輸入例子

[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a',  NaN].uniq()

輸出例子

[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']

分析

Array.prototype.uniq = function () {
  var arr = [];
  var flag = true;
  this.forEach(function(item) {
    // 排除 NaN (重要！！！)
    if (item != item) {
      flag && arr.indexOf(item) === -1 ? arr.push(item) : '';
      flag = false;
    } else {
      arr.indexOf(item) === -1 ? arr.push(item) : ''
    }
  });
  return arr;
}

 

驗證

[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a',  NaN].uniq()

結果為：

[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']

進階

ES6的實現 ES6新增了 Set 物件，也就是我們所說的“集合”，它類似於陣列，但是成員 的值都是唯一的，沒有重複的值。所以可以方便去重。 Set本身是一個建構函式，用來生成Set資料結構。(詳看Set和Map資料結構) 如果用ES6為 Array 物件新增一個去除重複項的方法，則可以如下實現：

Array.prototype.uniq = function() {
  return Array.from(new Set(this));
}

程式碼中用 Array.from 把 Set 結構轉換成陣列，當然，你也可以用其他方法， 這裡不深究。這裡去重關鍵程式碼只需要一行，是不是非常簡單？??
如果你要優雅一點，可以使用 ES6 的擴充套件運算子。如下：

Array.prototype.uniq = function() {
  return [...new Set(this)];
}

原文連結：https://microzz.com/2017/04/01/array-uniq/