js數(shù)組中對(duì)象去重的方法

簡單說一下數(shù)組中對(duì)象去重的方法

假設(shè)當(dāng)前有這樣一個(gè)數(shù)組

    let arr = [{
      key: '01',
      value: '樂樂'
    },{
      key: '02',
      value: '博博'
    },{
      key: '03',
      value: '淘淘'
    },{
      key: '04',
      value: '哈哈'
    },{
      key: '01',
      value: '樂樂'
    }];

1.對(duì)象訪問屬性的方法

采用對(duì)象訪問屬性的方法耐齐,判斷屬性值是否存在

    //  利用對(duì)象訪問屬性的方法,判斷對(duì)象中是否存在key
    let newArr = [];
    let obj = {};
    for (var i = 0; i < arr.length; i++) {
      if (!obj[arr[i].key]) {
        newArr.push(arr[i]);
        obj[arr[i].key] = true;
      }
    }
    console.log(newArr);
1-1

2.reduce方法

采用數(shù)組中的reduce方法凯旋,遍歷數(shù)組寂拆,其實(shí)也是通過對(duì)象訪問屬性

    // 利用reduce方法遍歷數(shù)組,reduce第一個(gè)參數(shù)是遍歷需要執(zhí)行的函數(shù)浊伙,第二個(gè)參數(shù)是item的初始值
    let obj = {};
    arr = arr.reduce((item, next) => {
      if (!obj[next.key]) {
        item.push(next);
        obj[next.key] = true;
      }
      return item;
    }, []);
    console.log(arr);
1-2
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谤职,一起剝皮案震驚了整個(gè)濱河市晌缘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌痢站,老刑警劉巖磷箕,帶你破解...
    沈念sama閱讀 222,183評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異阵难,居然都是意外死亡岳枷,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門呜叫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來空繁,“玉大人,你說我怎么就攤上這事朱庆∈⑴荩” “怎么了?”我有些...
    開封第一講書人閱讀 168,766評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵娱颊,是天一觀的道長傲诵。 經(jīng)常有香客問我,道長箱硕,這世上最難降的妖魔是什么拴竹? 我笑而不...
    開封第一講書人閱讀 59,854評(píng)論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮剧罩,結(jié)果婚禮上栓拜,老公的妹妹穿的比我還像新娘。我一直安慰自己惠昔,他們只是感情好幕与,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,871評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著舰罚,像睡著了一般纽门。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上营罢,一...
    開封第一講書人閱讀 52,457評(píng)論 1 311
  • 那天赏陵,我揣著相機(jī)與錄音饼齿,去河邊找鬼。 笑死蝙搔,一個(gè)胖子當(dāng)著我的面吹牛缕溉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播吃型,決...
    沈念sama閱讀 40,999評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼证鸥,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了勤晚?” 一聲冷哼從身側(cè)響起枉层,我...
    開封第一講書人閱讀 39,914評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赐写,沒想到半個(gè)月后鸟蜡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,465評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡挺邀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,543評(píng)論 3 342
  • 正文 我和宋清朗相戀三年揉忘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片端铛。...
    茶點(diǎn)故事閱讀 40,675評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡泣矛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出禾蚕,到底是詐尸還是另有隱情您朽,我是刑警寧澤,帶...
    沈念sama閱讀 36,354評(píng)論 5 351
  • 正文 年R本政府宣布夕膀,位于F島的核電站虚倒,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏产舞。R本人自食惡果不足惜魂奥,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,029評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望易猫。 院中可真熱鬧耻煤,春花似錦、人聲如沸准颓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽攘已。三九已至炮赦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間样勃,已是汗流浹背吠勘。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評(píng)論 1 274
  • 我被黑心中介騙來泰國打工性芬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人剧防。 一個(gè)月前我還...
    沈念sama閱讀 49,091評(píng)論 3 378
  • 正文 我出身青樓植锉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親峭拘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子俊庇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,685評(píng)論 2 360

推薦閱讀更多精彩內(nèi)容

  • 函數(shù)和對(duì)象 1、函數(shù) 1.1 函數(shù)概述 函數(shù)對(duì)于任何一門語言來說都是核心的概念鸡挠。通過函數(shù)可以封裝任意多條語句辉饱,而且...
    道無虛閱讀 4,581評(píng)論 0 5
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,238評(píng)論 0 4
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,223評(píng)論 0 3
  • 第一章 錯(cuò)誤處理: 錯(cuò)誤: 程序運(yùn)行過程中,導(dǎo)致程序無法正常執(zhí)行的現(xiàn)象(即bug) 現(xiàn)象: 程序一旦出錯(cuò)拣展,默認(rèn)會(huì)報(bào)...
    fastwe閱讀 1,121評(píng)論 0 1
  • 第三章 類型鞋囊、值和變量 1、存取字符串瞎惫、數(shù)字或布爾值的屬性時(shí)創(chuàng)建的臨時(shí)對(duì)象稱做包裝對(duì)象,它只是偶爾用來區(qū)分字符串值...
    坤少卡卡閱讀 643評(píng)論 0 1