JS实现数组去重的方法

javascript/jquery

浏览数:291

2019-10-3

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>

此方法更是舒服,代码简单,容易上手和阅读。

作者:一只流浪的KK