5种数组去重方式

闹闹没有闹

已于 2022-12-30 16:34:52 修改

阅读量137

点赞数

文章标签： javascript 前端

于 2022-07-20 15:22:45 首次发布

本文链接：https://blog.csdn.net/qq_41893686/article/details/125893161

版权

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.common.dev.js"></script> -->
</head>

<body>





    <script>
        let arr = [1, 2, 3, 4, , 5, 5, 6, 6]

        // Set 去重

        console.log([...new Set(arr)])
        console.log(Array.from(new Set(arr)))

        // forEach   findIndex 去重
        let newArr2 = []
        arr.forEach(item => {
            newArr2.findIndex(_item => _item == item) > 0 ? '' : newArr2.push(item)
        })
        console.log(newArr2)


        // reduce   includes 去重
        function reduceNewArr(arr) {
            let newArr = []
            return arr.reduce((prev, next, index, arr) => {
                return arr.includes(prev) ? '' : newArr.push(prev)
            }, [])
            return newArr

        }
        console.log(reduceNewArr(arr))


        // forEach   includes 去重
        let newArr = []
        arr.forEach((item, index) => {
            newArr.includes(item) ? '' : newArr.push(item)
        })

        console.log(newArr)
    </script>
</body>

</html>