JS陣列去重演算法實現

發表於2015-09-03

之前一段時間一直在準備面試, 因而部落格太久沒更新; 現在基本知識點都複習完畢, 接下來就分享下 面試的一些常見問題:

去正規的網際網路公司筆試、面試有很大的概率會碰到 使用javascript實現陣列去重 的編碼問題:

如:魅族筆試題

本博文就 js 如何實現陣列去重整理出5種方法,並附上演示Demo 以及 原始碼。

 1.遍歷陣列法

  最簡單的去重方法, 實現思路:新建一新陣列,遍歷傳入陣列,值不在新陣列就加入該新陣列中注意點:判斷值是否在陣列的方法“indexOf”是ECMAScript5 方法,IE8以下不支援,需多寫一些相容低版本瀏覽器程式碼,原始碼如下:

2.物件鍵值對法

  該方法執行的速度比其他任何方法都快, 就是佔用的記憶體大一些;實現思路:新建一js物件以及新陣列,遍歷傳入陣列時,判斷值是否為js物件的鍵,不是的話給物件新增該鍵並放入新陣列。注意點: 判斷是否為js物件鍵時,會自動對傳入的鍵執行“toString()”,不同的鍵可能會被誤認為一樣;例如: a[1]、a[“1”] 。解決上述問題還是得呼叫“indexOf”。

3. 

  還是得呼叫“indexOf”效能跟方法1差不多,實現思路:如果當前陣列的第i項在當前陣列中第一次出現的位置不是i,那麼表示第i項是重複的,忽略掉。否則存入結果陣列。

4. 

雖然原生陣列的”sort”方法排序結果不怎麼靠譜,但在不注重順序的去重裡該缺點毫無影響。實現思路:給傳入陣列排序,排序後相同值相鄰,然後遍歷時新陣列只加入不與前一值重複的值。

5.優化遍歷陣列法

  源自外國博文,該方法的實現程式碼相當酷炫;實現思路:獲取沒重複的最右一值放入新陣列。(檢測到有重複值時終止當前迴圈同時進入頂層迴圈的下一輪判斷)

實現demo

demo 原始碼

參考資料:

Fast Algorithm To Find Unique Items in JavaScript Array

相關文章