JavaScript數組去重的幾種方法分享

陣列去重，一般需求是給你一個數組，呼叫去重方法，回傳數值副本，副本中沒有重複元素。一般來說，兩個元素透過=== 比較傳回true 的視為相同元素，需要去重，所以，1 和"1" 是不同的元素，1 和new Number(1) 是不同的元素，{}和{} 是不同的元素（引用不同）。 （當然如果需求認為 {} 和 {} 算是相同的元素，那麼解法就不一樣了），本文主要和大家分享JavaScript數組去重的幾種方法。

method 1

使用兩重循環

function unique(arr) {
 var res = [];
 for(var i = 0, len = arr.length;i <p>method 2</p><pre class="brush:php;toolbar:false">function unique(arr) {
 var ret = []
 for (var i = 0; i <p>這裡判斷可以使用一個語法糖</p><pre class="brush:php;toolbar:false">function unique(arr) {
 var res = [];
 for(var i = 0, len = arr.length;i <p>但是在低版本瀏覽器並沒有indexOf</p><pre class="brush:php;toolbar:false">var indexOf = [].indexOf ?
 function(arr, item) {
  return arr.indexOf(item)
 } :
 function indexOf(arr, item) {
  for (var i = 0; i <p>method3</p><p>使用兩重循環的另外一種比較方式,前面是將原始數組的元素和結果數組一一比較，下面我們可以將原始數組的重複元素的最後一個元素放入數組中</p><pre class="brush:php;toolbar:false">function unique(arr) {
 var ret = [];
 var len = arr.length;
 var isRepeat;
 for(var i=0; i<len><p>這裡還有一個優化的版本</p>
<pre class="brush:php;toolbar:false">function unique(a) {
 var res = [];
 for (var i = 0, len = a.length; i <p>method4</p><p>用javascript 中的object 物件來當作哈希表</p><pre class="brush:php;toolbar:false">function dedup(arr) {
 var hashTable = {};
 return arr.filter(function(value,index,arr){
  var key = JSON.stringify(value);
  var match = Boolean(hashTable[key]);
  return (match ? false : hashTable[key] = true);
 });
}

因為Object 的key 值都是String 類型，所以對於1 和"1" 無法分別，我們可以稍微改進下，將類型也存入key 中

function dedup(arr) {
 var ret = [];
 var hash = {};
 for(var i = 0; i <p>相關推薦：</p><p><a href="http://www.php.cn/php-weizijiaocheng-386230.html" target="_self">PHP實作陣列去重的方法代碼</a></p><p><a href="http://www.php.cn/js-tutorial-384672.html" target="_self">#JS簡單實作陣列去重的方法分析</a></p><p><a href="http://www.php.cn/js-tutorial-383801.html" target="_self"></a></p>############################################### ###jQuery簡單實作對陣列去重及排序運算詳解#######

以上是JavaScript數組去重的幾種方法分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！