linchwei / blog

个人平常笔记
5 stars 0 forks source link

数组去重 #1

Open linchwei opened 7 years ago

linchwei commented 7 years ago

这里的实现方法都是整理以往的实现方式,并将其在数组的原型上实现,并非个人探索

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]
Guohjia commented 7 years ago

我有更好的数组去重方法,如果用了对象就不用再用indexOf了,解决IE8以下的兼容性问题 我的issue