這篇文章將為大家詳細講解有關ES6中怎么去除Array對象重復項，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

創新互聯是專業的鼓樓網站建設公司，鼓樓接單;提供成都做網站、網站建設、外貿營銷網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行鼓樓網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

輸入例子

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

輸出例子

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

分析

題目要求給 Array 添加方法，所以我們需要用到 prototype。數組去重本身算法不是很難，但是在 JavaScript 中很多人會忽視 NaN 的存在，因為在 JS 中 NaN !== NaN 。但是在去重中我們又不能保留兩個 NaN ，所以需要進行一下判斷，這是很多人容易忽視的。

ES5的實現如下：

代碼

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;
}

驗證

我們只需要在數組上直接調用 uniq 方法就可以了，如：

[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)];
}

關于ES6中怎么去除Array對象重復項就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

另外有需要云服務器可以了解下創新互聯建站newbst.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞標題：ES6中怎么去除Array對象重復項-創新互聯
網站鏈接：http://newbst.com/article8/hhpop.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、手機網站建設、企業建站、全網營銷推廣、建站公司、響應式網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯