用js去除重复元素的两种方法总结

原创于 2016-07-28 07:55:52 发布 · 4.5k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

72 篇文章

订阅专栏

本文介绍了两种使用JavaScript实现数组去重的方法。第一种方法通过遍历数组并利用indexOf检查元素是否已存在来实现去重。第二种方法则通过修改Array原型，定义了一个del方法，利用类型+值作为键名进行数组元素的唯一性判断。

第一种：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        function unique(arr){
// 遍历arr，把元素分别放入tmp数组(不存在才放)
            var tmp = new Array();
            for(var i in arr){
//该元素在tmp内部不存在才允许追加
                if(tmp.indexOf(arr[i])==-1){
                    tmp.push(arr[i]);
                }
            }
            return tmp;
        }
       alert(unique(['qiang','ming','tao','li','liang','you','qiang','tao']));
    </script>
</head>
<body>

</body>
</html>

第二种：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        Array.prototype.del = function() {
            var a = {}, c = [], l = this.length;
            for (var i = 0; i < l; i++) {
                var b = this[i];
                var d = (typeof b) + b;
                if (a[d] === undefined) {
                    c.push(b);
                    a[d] = 1;
                }
            }
            return c;
        }
        alert([1, 1, 2, 3, 4, 5, 4, 3, 4, 4, 5, 5, 6, 7].del());
    </script>
</head>
<body>

</body>
</html>