js数组去重

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

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]