您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)ES6中怎么去除Array對(duì)象重復(fù)項(xiàng),文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
輸入例子
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq()
輸出例子
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']
分析
題目要求給 Array 添加方法,所以我們需要用到 prototype。數(shù)組去重本身算法不是很難,但是在 JavaScript 中很多人會(huì)忽視 NaN 的存在,因?yàn)樵?JS 中 NaN !== NaN 。但是在去重中我們又不能保留兩個(gè) NaN ,所以需要進(jìn)行一下判斷,這是很多人容易忽視的。
ES5的實(shí)現(xiàn)如下:
代碼
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; }
驗(yàn)證
我們只需要在數(shù)組上直接調(diào)用 uniq 方法就可以了,如:
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq()
結(jié)果為:
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']
進(jìn)階
ES6的實(shí)現(xiàn)
ES6新增了 Set 對(duì)象,也就是我們所說的“集合”,它類似于數(shù)組,但是成員的值都是唯一的,沒有重復(fù)的值。所以可以方便去重。
Set本身是一個(gè)構(gòu)造函數(shù),用來生成Set數(shù)據(jù)結(jié)構(gòu)。(詳看?Set和Map數(shù)據(jù)結(jié)構(gòu))
如果用ES6為 Array 對(duì)象添加一個(gè)去除重復(fù)項(xiàng)的方法,則可以如下實(shí)現(xiàn):
Array.prototype.uniq = function() { return Array.from(new Set(this)); }
代碼中用 Array.from 把 Set 結(jié)構(gòu)轉(zhuǎn)換成數(shù)組,當(dāng)然,你也可以用其他方法,這里不深究。這里去重關(guān)鍵代碼只需要一行,是不是非常簡單??
如果你要優(yōu)雅一點(diǎn),可以使用 ES6 的擴(kuò)展運(yùn)算符。如下:
Array.prototype.uniq = function() { return [...new Set(this)]; }
關(guān)于ES6中怎么去除Array對(duì)象重復(fù)項(xiàng)就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。