數組去重的嘗試


方法一:

定義一個結果數組rs,遍歷原數組arr,并與結果數組比較:若在結果數組rs中不存在,則加入當前元素到結果數組,并繼續遍歷arr下一個元素;若存在,則直接遍歷下一個元素。

遍歷第一個元素1

第一個元素直接添加到結果數組,繼續遍歷第二個:

遍歷第二個元素2

第二個元素2在rs中不存在,則加入rs數組,并繼續遍歷下一個:


遍歷第三個元素1
遍歷第四個元素2

第三個元素1在rs中存在,則直接遍歷下一個,下一個2也存在于rs,則繼續遍歷,直到元素為3時,rs數組中不存在,則加入數組,然后繼續:

遍歷到元素3時

下面為實現的函數:

function unique(arr) {
  var rs = [arr[0]]
  for (var i = 0, arr_len = arr.length; i < arr_len; i++) {
    for (var j = 0, rs_len = rs.length; j < rs_len; j++) {
      if (arr[i] === rs[j]) { 
        j = 0
        i++
      }
    }
    if (arr[i]) rs.push(arr[i])
  }
  return rs
}
var arr = [1,2,1,3,4,5,3,6]
console.log(unique(arr))
結果:[1,2,3,4,5,6]

方法二:
先對數組進行排序,然后遍歷判斷相鄰兩個元素是否相等,若相等直接刪除后一個元素,下一個元素繼續與當前元素進行比較:

數組排序

遍歷第一個元素1,與下一個元素比較,兩個相等,則刪除第二個元素:

遍歷第一個元素1
刪除第二個元素
刪除后的數組

繼續進行比較:

繼續比較

兩個元素不同,則保留第二個元素,然后主元素為第二個元素2,繼續比較下一個:

比較元素2與元素3

兩個元素不同,則保留,繼續遍歷與比較:

比較元素3與下一個元素3

兩個相等,則刪除后一個相等元素:

刪除元素3

刪除后的數組:

新數組

繼續遍歷:

繼續比較

步驟方法以此類推。
實現函數:

function unique(arr) {
  arr.sort()
  for (var i = 0, len = arr.length; i < len; i++) {
    if (arr[i + 1] && arr[i] === arr[i + 1]) {
      arr.splice(i, 1)   // 刪除當前
      i--   //  下個循環回退當前位
    }
  }
  return arr
}
var arr = [1, 2, 6, 1, 3, 3, 4, 5]
console.log(unique(arr))
結果:[1, 2, 3, 4, 5, 6]

方法三:
使用對象的key,value方式進行快速查詢元素的存在,首定義一個空對象obj,遍歷數組,使用元素作為key查詢obj對象中是否存在,若不重復,將元素作為對象新屬性的key并賦值為1,并將元素加入rs數組:

function unique(arr) {
  var obj = {},
       rs = []
  arr.forEach(function (item) {
    if (!obj[item]) { // 判斷對象中是否存在以當前元素作為key的屬性
      obj[item] = 1  // 添加以當前元素作為key的新屬性到obj
      rs.push(item)   // 添加當前元素到結果數組
    }
  })
  return rs
}

方法四
ES6中添加了Set集合,Set集合中元素特點為唯一性,無重復,并且Array對象中新加了一個方法from(), 可以將類數組元素轉化成數組,利用這兩個API可以快速進行數組去重:

function unique(arr) {
  return Array.from(new Set(arr))
}
var arr = [1, 2, 6, 1, 3, 3, 4, 5]
console.log(unique(arr))
結果:[1, 2, 3, 4, 5, 6]

這是四個去重方法的實現,當然如果環境允許,優選第四種,次選第三種。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,527評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,687評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,640評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,957評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,682評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,011評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,009評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,183評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,714評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,435評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,665評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,148評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,838評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,251評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,588評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,379評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,627評論 2 380

推薦閱讀更多精彩內容

  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,737評論 18 399
  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創建并操作數組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,264評論 0 4
  • 1 臨近畢業,有很多人投入到了考研大軍中。 一般考研的人大概也有幾種類型: 第一種,確實很愛鉆研學術,熱衷做研究,...
    三十而麗閱讀 502評論 5 7
  • 1. 保護隱私數據不被未授權訪問; 什么是加密 1. 保護隱私數據不被未授權訪問; 2. 用于隱藏真實數據,進行安...
    菩提大師閱讀 903評論 1 1
  • 文/吉祥君 最近決定看《我是路人甲》,是因為偶然看了《我是路人甲》最后大蒿跳的那段音樂舞蹈,讓我感受到了一種力量,...
    吉祥君閱讀 567評論 0 3