JS实现数组去重的方法

最新推荐文章于 2022-08-12 10:43:39 发布

weixin_30839881

最新推荐文章于 2022-08-12 10:43:39 发布

阅读量105

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jjgw/p/11574495.html

版权

I.使用ES6的Set进行去重

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数组去重</title>
    </head>
    <body>
        <script type="text/javascript">
            function array_dedup(arr){
                return Array.from(new Set(arr));
            }
            let arr=array_dedup([1,2,3,3,4,5,5,6]);
            console.log(arr);//1,2,3,4,5,6
            
        </script>
    </body>
</html>

使用此方法非常简单，通俗易懂。该方法主要利用了Set内部结构的原理，然后通过Array.from()方法将set转换为数组，一点就通。

II.使用indexof去重

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数组去重</title>
    </head>
    <body>
        <script type="text/javascript">
            let arrs=[1,2,3,4,5,5,6];
            function arraydedep(arr){
                let temp=[];
                for(let i=0;i<arr.length;i++){
                    if(temp.indexOf(arrs[i])==-1){
                        temp.push(arrs[i])
                    }    
                }
                return temp;
            }
            let arr=arraydedep(arrs);
            console.log(arr);//1，2，3，4，5，6
        </script>
    </body>
</html>

这一种方法可能在我开发过程中遇到最多的方法吧！

III.扩展运算符和Set实现去重

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数组去重</title>
    </head>
    <body>
        <script type="text/javascript">
            let arr=[1,2,2,3,3,4,5];
            let unique=[...new Set(arr)];
            console.log(unique);//输出1，2，3，4，5
            
        </script>
    </body>
</html>