原生JS數(shù)組去重的幾種方法

第一種方法:創(chuàng)建空數(shù)組利用indexOf方法檢測就數(shù)組的項是否在新數(shù)組中。

Array.prototype.unique=function(){

? var arr=[];//創(chuàng)建新數(shù)組

? for(var i=0;i<this.length;i++){ //遍歷當(dāng)前數(shù)組

? ????if(arr.indexOf(this[i])===-1){//如果等于-1双肤,那么也是就是新數(shù)組中沒有一項和當(dāng)前數(shù)組一樣

? ????? ????arr.push(this[i])

????????}

????}

????return arr;

}

//調(diào)用:ary.unique()


第二種方法:創(chuàng)建空數(shù)組和空對象施掏,判斷數(shù)組是否在對象中

Array.prototype.unique=function(){

????var tmp={},arr=[]

????for(var i=0;i&lt;this.length;i++){

????????if(!tmp[this[i]]){//如果tmp中沒有this[i]

? ? ? ? ? ? ? ?tmp[this[i]]=true;//存入

? ? ? ? ? ? ? ? arr.push(this[i]);//添加到新數(shù)組中

????????}

????}????

????return arr

}

//調(diào)用:ary.unique()

第三種方法:下標(biāo)判斷法

Array.prototype.unique=function(){

????var arr=[this[0]];

????for(var i=1;i<this.length;i++){ //遍歷當(dāng)前數(shù)組,從第二項開始遍歷

????????if(this.indexOf(this[i])===i){//如果當(dāng)前數(shù)組的第i項是i那么就存入新的數(shù)組

????????????arr.push(this[i])

????????}

????}

????return arr;

}

//調(diào)用:ary.unique()

第四種方法:排序后在去重

Array.prototype.unique=function(){

????var arr=[];

????this.sort()

????for(var i=0;i<this.length;i++){

????????if(this[i]!==arr[arr.length-1]){

????????????arr.push(this[i])

????????}

????}

????return arr;

}

//調(diào)用:ary.unique()

第五種方法:黑科技new Set數(shù)組去重

首先我們先介紹下new Set

new Set是來自于ES6,Set對象是值的集合茅糜,你可以按照插入的順序迭代它的元素七芭。 Set中的元素只會出現(xiàn)一次,即 Set 中的元素是唯一的蔑赘。

大家可以去看下MDN文檔鏈接地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set

下面給出代碼狸驳!

[...newSet([1,1,2,2,3,3])];//[1,2,3]

代碼就這一句,利用的是Set中的元素是唯一的缩赛,只會出現(xiàn)一次的特性耙箍,這里還有一個概念:“...”

…(擴展運算符)

擴展運算符:將一個數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列

這樣以來就很清楚了,黑科技是不是很神奇酥馍,其實這也是大廠的一道面試題究西,說的是請用最少的代碼實現(xiàn)數(shù)組去重

新人如有錯誤,往指正物喷,以免誤導(dǎo)別人~拜謝卤材!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市峦失,隨后出現(xiàn)的幾起案子扇丛,更是在濱河造成了極大的恐慌,老刑警劉巖尉辑,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帆精,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機卓练,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門隘蝎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人襟企,你說我怎么就攤上這事嘱么。” “怎么了顽悼?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵曼振,是天一觀的道長。 經(jīng)常有香客問我蔚龙,道長冰评,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任木羹,我火速辦了婚禮甲雅,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘坑填。我一直安慰自己抛人,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布穷遂。 她就那樣靜靜地躺著,像睡著了一般娱据。 火紅的嫁衣襯著肌膚如雪蚪黑。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天中剩,我揣著相機與錄音忌穿,去河邊找鬼。 笑死结啼,一個胖子當(dāng)著我的面吹牛掠剑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播郊愧,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼朴译,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了属铁?” 一聲冷哼從身側(cè)響起眠寿,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎焦蘑,沒想到半個月后盯拱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年狡逢,在試婚紗的時候發(fā)現(xiàn)自己被綠了宁舰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡奢浑,死狀恐怖蛮艰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情殷费,我是刑警寧澤印荔,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站详羡,受9級特大地震影響仍律,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜实柠,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一水泉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧窒盐,春花似錦草则、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至葡粒,卻和暖如春份殿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背嗽交。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工卿嘲, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人夫壁。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓拾枣,卻偏偏與公主長得像,于是被迫代替她去往敵國和親盒让。 傳聞我的和親對象是個殘疾皇子梅肤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,864評論 2 354