数组的去重，包括值的类型不同

最新推荐文章于 2022-05-12 16:21:56 发布

原创最新推荐文章于 2022-05-12 16:21:56 发布 · 483 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #数组去重 #算法

本文介绍两种JavaScript数组去重的方法：一种去除所有类型的重复项，另一种仅去除相同类型的重复项，并提供示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面两种数组去重的方式，分别为，去掉重复的数值(类型不同的也去掉)和只去掉类型相同的数值。
1、去掉数值相同（类型相同）的数组去重

    var arr = [1,2,3,4,'1','2',3];     // 这里有数值型的1,2 和string型的 '1','2'
    var arr2 = [];                     //定义一个空数组
    for(var i = 0; i < arr.length; i++){
        if(arr2.indexOf(arr[i]) == -1){      //在新数组中查找是否拥有旧数组的值
            arr2.push(arr[i]);               //如果没有，则把它添加到新数组中
        }
    }
    console.log(arr2);                //最后得出结果   [1,2,3,4,'1','2']

2、去掉数值相同（类型可不同）的数组去重

    Array.prototype.distinct = function(){         //在数组的原型中定义这个distinct方法
        var arr2 = [];                            //定义空数组和空对象
        var obj = {};
        for(var i = 0; i < arr.length; i++){
            if(!obj[this[i]]){              //把数值作为键值对(key),如果对象中没有这个key，在把它作为key的时候都转化为了字符串。
                obj[this[i]] = 1;           //则给这个键值对赋值为1，且添加到新数组中
                arr2.push(this[i])
            }
        }
        return arr2;                      //最后返回这个新数组
    }
    var arr = [1,2,3,4,'1','2',3];        //测试这个方法，得出结果为
    console.log(arr.distinct());          //[1, 2, 3, 4]