數組去重

一、遍歷數組法

描述：新建一新數組，遍歷傳入數組，值不在新數組就加入該新數組中。

　　

Array.prototype.unique = function () {
    var arr = [];
    for (var i = 0, len = this.length; i < len; i++) {
        if (arr.indexOf(this[i]) === -1) {
            arr.push(this[i]);
        }
    }
    return arr;
}

// 調用
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0];
console.log(arr.unique());  // [1, "a", "b", "d", "e", 0]

 

二、對象鍵值對法

描述：新建對象以及數組，遍歷傳入數組時，判斷值是否爲對象的鍵，不是的話給對象新增該鍵並放入新數組。注意點： 判斷是否爲對象鍵時，會自動對傳入的鍵執行「toString()」，不一樣的鍵可能會被誤認爲同樣；例如： a[1]、a["1"] 。解決上述問題仍是得調用「indexOf」。

Array.prototype.unique = function () {
    var obj = [],
        arr = [],
        val = '',
        type = '';

    for (var i = 0, len = this.length; i < len; i++) {
        val = this[i];
        type = typeof val;
        
        // 若不存在obj[val]，則val必定會被push進arr
        if (!obj[val]) {
            // 將val的數據類型存放到obj[val]，處理極端狀況會用到
            obj[val] = [type];
            arr.push(val);
        } else if (obj[val].indexOf(type) < 0) {  
            // 若obj[val]已存在（鍵值會執行toString()轉換，可能會獲得相同的obj[val]，但obj[val]裏的type必定是惟一的）
            obj[val].push(type);
            arr.push(val);
        }
    }

    return arr;
}

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, '1', '1', 0];
console.log(arr.unique());  // [1, "a", "b", "d", "e", "1", 0]

 

三、數組下標判斷法

若是當前數組的第i項在當前數組中第一次出現的位置不是i，那麼表示第i項是重複的，忽略掉。不然存入結果數組。

Array.prototype.unique = function () {
    var arr = [this[0]]; //結果數組

    //從第二項開始遍歷
    for(var i = 1, len = this.length; i < len; i++) {
        //若是當前數組的第i項在當前數組中第一次出現的位置不是i，
        //那麼表示第i項是重複的，忽略掉。不然存入結果數組
        if (this.indexOf(this[i]) === i) {
            arr.push(this[i]);
        }
    }

    return arr;
}

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, '1', '1', 0];
console.log(arr.unique()); // [1, "a", "b", "d", "e", "1", 0]

 

四、排序後相鄰去除法

描述：給傳入數組排序，排序後相同值相鄰，而後遍歷時新數組只加入不與前一值重複的值。

Array.prototype.unique = function () {
    this.sort();

    var arr = [this[0]];

    for(var i = 1; i < this.length; i++){
        if( this[i] !== arr[arr.length-1]) arr.push(this[i]);
    }

    return arr;
}

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, '1', '1', 0];
console.log(arr.unique());  // [0, 1, "1", 1, "a", "b", "d", "e"]

 

五、優化遍歷數組法

獲取沒重複的最右一值放入新數組。（檢測到有重複值時終止當前循環同時進入頂層循環的下一輪判斷）

Array.prototype.unique = function () {
    var arr = [];

    for(var i = 0, len = this.length; i < len; i++) {
        for(var j = i + 1; j < len; j++) {
            if (this[i] === this[j]) j = ++i;
        }
        arr.push(this[i]);
    }

    return arr;
}

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, '1', '1', 0];
console.log(arr.unique());  // ["a", "b", "d", "e", 1, "1", 0]

六、遍歷數組法

最簡單的去重方法，實現思路：新建一新數組，遍歷傳入數組，值不在新數組就加入該新數組中；注意點：判斷值是否在數組的方法「indexOf」是ECMAScript5 方法，IE8如下不支持，需多寫一些兼容低版本瀏覽器代碼，源碼以下：

//判斷瀏覽器是否支持indexOf ，indexOf 爲ecmaScript5新方法 IE8如下（包括IE8， IE8只支持部分ecma5）不支持

if (!Array.prototype.indexOf) {
    // 新增indexOf方法 
    Array.prototype.indexOf = function(item) {
        var result = -1
          , a_item = null;
        if (this.length == 0) {
            return result;
        }
        for (var i = 0, len = this.length; i < len; i++) {
            a_item = this[i];
            if (a_item === item) {
                result = i;
                break;
            }
        }
        return result;
    }
}

// 最簡單數組去重法 
function unique1(array){ 
    var n = []; //一個新的臨時數組 
    //遍歷當前數組 
   for(var i = 0; i < array.length; i++){ 
       //若是當前數組的第i已經保存進了臨時數組，那麼跳過， 
       //不然把當前項push到臨時數組裏面 
       if (n.indexOf(array[i]) == -1) n.push(array[i]); 
   } 
   return n; 
}

對象鍵值對法

該方法執行的速度比其餘任何方法都快， 就是佔用的內存大一些，實現思路：新建一js對象以及新數組，遍歷傳入數組時，判斷值是否爲js對象的鍵，不是的話給對象新增該鍵並放入新數組。注意 點： 判斷是否爲js對象鍵時，會自動對傳入的鍵執行「toString()」，不一樣的鍵可能會被誤認爲同樣；例如： a[1]、a["1"] 。解決上述問題仍是得調用「indexOf」。

// 速度最快， 佔空間最多（空間換時間） 
function unique2(array) {
    var n = {}, r = [], len = array.length, val, type;
    for (var i = 0; i < array.length; i++) {
        val = array[i];
        type = typeof val;
        if (!n[val]) {
            n[val] = [type];
            r.push(val);
        } else if (n[val].indexOf(type) < 0) {
            n[val].push(type);
            r.push(val);
        }
    }
    return r;
}

.數組下標判斷法

仍是得調用「indexOf」性能跟方法1差很少，實現思路：若是當前數組的第i項在當前數組中第一次出現的位置不是i，那麼表示第i項是重複的，忽略掉。不然存入結果數組。

function unique3(array) {
    var n = [array[0]];
    //結果數組 
    //從第二項開始遍歷 
    for (var i = 1; i < array.length; i++) {
        //若是當前數組的第i項在當前數組中第一次出現的位置不是i， 
        //那麼表示第i項是重複的，忽略掉。不然存入結果數組 
        if (array.indexOf(array[i]) == i)
            n.push(array[i]);
    }
    return n;
}

4.排序後相鄰去除法

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

// 將相同的值相鄰，而後遍歷去除重複值 
function unique4(array) {
    array.sort();
    var re = [array[0]];
    for (var i = 1; i < array.length; i++) {
        if (array[i] !== re[re.length - 1]) {
            re.push(array[i]);
        }
    }
    return re;
}

優化遍歷數組法

該方法的實現代碼至關酷炫，實現思路：獲取沒重複的最右一值放入新數組。（檢測到有重複值時終止當前循環同時進入頂層循環的下一輪判斷）推薦

var arr = [2,2,4,3,3,4]

// 思路：獲取沒重複的最右一值放入新數組 
function unique5(array) {
    var r = [];
    for (var i = 0, l = array.length; i < l; i++) {
        for (var j = i + 1; j < l; j++)
            if (array[i] === array[j])
                j = ++i;
        r.push(array[i]);
    }
    return r;
}

unique5(arr)

 

 IE9如下不支持indexOf（）

// Production steps of ECMA-262, Edition 5, 15.4.4.14
// Reference: http://es5.github.io/#x15.4.4.14
if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function(searchElement, fromIndex) {

    var k;

    // 1. Let O be the result of calling ToObject passing
    //    the this value as the argument.
    if (this == null) {
      throw new TypeError('"this" is null or not defined');
    }

    var O = Object(this);

    // 2. Let lenValue be the result of calling the Get
    //    internal method of O with the argument "length".
    // 3. Let len be ToUint32(lenValue).
    var len = O.length >>> 0;

    // 4. If len is 0, return -1.
    if (len === 0) {
      return -1;
    }

    // 5. If argument fromIndex was passed let n be
    //    ToInteger(fromIndex); else let n be 0.
    var n = +fromIndex || 0;

    if (Math.abs(n) === Infinity) {
      n = 0;
    }

    // 6. If n >= len, return -1.
    if (n >= len) {
      return -1;
    }

    // 7. If n >= 0, then Let k be n.
    // 8. Else, n<0, Let k be len - abs(n).
    //    If k is less than 0, then let k be 0.
    k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);

    // 9. Repeat, while k < len
    while (k < len) {
      // a. Let Pk be ToString(k).
      //   This is implicit for LHS operands of the in operator
      // b. Let kPresent be the result of calling the
      //    HasProperty internal method of O with argument Pk.
      //   This step can be combined with c
      // c. If kPresent is true, then
      //    i.  Let elementK be the result of calling the Get
      //        internal method of O with the argument ToString(k).
      //   ii.  Let same be the result of applying the
      //        Strict Equality Comparison Algorithm to
      //        searchElement and elementK.
      //  iii.  If same is true, return k.
      if (k in O && O[k] === searchElement) {
        return k;
      }
      k++;
    }
    return -1;
  };
}