js数组去重的两个方法

最新推荐文章于 2024-08-19 16:33:21 发布

江呱呱

最新推荐文章于 2024-08-19 16:33:21 发布

阅读量908

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_46500485/article/details/108369199

版权

js 专栏收录该内容

76 篇文章 2 订阅

订阅专栏

js数组去重的两个方法

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //数组去重
        var arr = [1, 2, 3, 456, 12, 2, 2, 3, 5, 6, 77, 7, 7, 7, 1, 3, 3, 9];
        // //写一段代码  将这个数组中重复的项去掉
        // //定义一个空数组 遍历原数组 判断原数组中的项是否在这个空数组中 如果不在里面就将这一项放进去 如果已经在里面了就进行下一次循环
        var arr1 = [];
        for (var i = 0; i < arr.length; i++) {
        	//如果数组中不存在这个值返回值就是-1
            var idx = arr1.indexOf(arr[i])
            if (idx == -1) {
                arr1.push(arr[i])
            }
        }
        console.log(arr1);


        //方法2  拿着数组中的一项与后面的项一次比较 如果相同删除后面的项 (数组塌陷)
        for (var j = 0; j < arr.length; j++) {
            var item = arr[j];
            for (var i = j + 1; i < arr.length; i++) {
                if (item === arr[i]) {
                //删除重复的元素
                    arr.splice(i, 1);
                    //解决数组塌陷
                    i--;
                }
            }
        }
        console.log(arr);
    </script>
</body>

</html>