js 数组去重方法汇总

最新推荐文章于 2024-10-05 01:22:45 发布

苘迷

最新推荐文章于 2024-10-05 01:22:45 发布

阅读量125

点赞数

分类专栏：前端文章标签： javascript js 数组去重方法汇总

原文链接：https://www.mk2048.com/blog/blog.php?id=hikjc0100b1j&title=js+%E6%95%B0%E7%BB%84%E5%8E%BB%E9%87%8D%E6%96%B9%E6%B3%95%E6%B1%87%E6%80%BB

版权

前端专栏收录该内容

734 篇文章 1 订阅

订阅专栏

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

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>js 数组去重</title>
    </head>
    <body>

        <script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>
        <script type="text/javascript">
            //方法一
            function arrayUnique1(arr) {
                const ret = []
                for(let i = 0; i < arr.length; i  ) {
                    const item = arr[i],
                        idx = ret.indexOf(item)

                    if(idx < 0) {
                        ret.push(item)
                    }
                }
                return ret
            }
            //方法二
            function arrayUnique2(arr) {
                const map = {},
                    ret = []
                for(let i = 0; i < arr.length; i  ) {
                    const item = arr[i]
                    if(map[item] == null) {
                        map[item] = i
                        ret.push(item)
                    }
                }
                return ret
            }
            //方法三：
            function arrayUnique3(arr) {
                return arr.filter((item, i) => arr.indexOf(item) === i)
            }
            //方法四
            function arrayUnique4(arr) {
                return [...new Set(arr)]
            }
            const arr = [1, 3, 1, 2, 2, 4, 3, 4, 1]
            console.log(arrayUnique4(arr))
        </script>
    </body>

</html>