欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS如何去掉一个数组的重复元素 (数组去重)

程序员文章站 2022-07-09 21:26:35
一、思路如下: 定义一个新数组,将老数组遍历一遍,再进行判断,如果新数组里面没有老数组的元素就添加,否则就不添加,最终输出整个新数组。 二、代码如下: var arr = ["a","a","b","b","c","c","d","e"]; var newArr = []; //遍历老数组; arr ......

一、思路如下:

定义一个新数组,将老数组遍历一遍,再进行判断,如果新数组里面没有老数组的元素就添加,否则就不添加,最终输出整个新数组。

二、代码如下:

var arr = ["a","a","b","b","c","c","d","e"];

var newArr = [];

//遍历老数组;

arr.forEach(function (val) {

//检测老数组中的元素,如果新数组中存在就不添加,不存在才添加;

if(newArr.indexOf(val) == -1){

//去新数组中查找元素索引值,如果为-1就是没有;

newArr.push(val);

     }

});

console.log(newArr);       // 结果为:["a", "b", "c", "d", "e"]

 

 

下面的收藏了  ^-^ !

原文:https://www.cnblogs.com/leon94/p/6039680.html

-------------------------------------------------------------------

 

1.遍历数组法

思路:首先想到的一个方法是遍历,将整个数组遍历一遍,如果之前没有出现过,将其放到一个新的数组中,最后返回这个数组。

function unique(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;
}

//判断浏览器是否支持indexOf,indexOf为ecmaScript5新方法IE8以下(包括IE8,IE8只支持部分ecma5)不支持

if(!Array.prototype.indexOf){
    //新增indexOf方法
    Array.prototype.indexOf = function(item){
        var result = -1;
        var 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;
    }
}

2.对象键值对法

该方法实现的思路比其他任何方法都快,就是占用的内存大一些;

思路:新建一js对象以及新数组,遍历传入数组时,判断值是否为js对象的键,不是的话给对象新增该键并放入新数组。注意点:判断是否为js对象键时,会自动对传入的键执行“toString()”,不同的键可能会被误认为一样;例如:a[1],a["1"]。解决上述问题还得调用"indexOf"。
funcion unique2(array){
    var n = {}; 
    var r = [];
    var len = arr.length;
    var val,type;
    for(var i = 0; i<len; i++){
        val = array[i];
        type = typeof val;
        if(!n[var]){
            n[val] = type;
            r.push(val);
        } else if(n[val].indexOf(type) < 0){
            n[val].push(type);
            r.push(val);
        }
    }
    return r;
}

3.数组下标判断法

还是得用“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;
}