数组去重

Posted 2020-09-23 hupan508

1、遍历数组法

描述：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中。

　　

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]

 

2、对象键值对法

描述：新建对象以及数组，遍历传入数组时，判断值是否为对象的键，不是的话给对象新增该键并放入新数组。注意点： 判断是否为对象键时，会自动对传入的键执行“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]

 

3、数组下标判断法

如果当前数组的第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]

 

4、排序后相邻去除法

描述：给传入数组排序，排序后相同值相邻，然后遍历时新数组只加入不与前一值重复的值。

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"]

 

5、优化遍历数组法

获取没重复的最右一值放入新数组。（检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断）

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]

6、遍历数组法

最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“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;
  };
}