数组扁平化并去重排序

雨水芬纷

于 2022-06-17 17:02:47 发布

阅读量146

点赞数

分类专栏：前端文章标签： javascript 前端

本文链接：https://blog.csdn.net/u014773932/article/details/125336854

版权

前端专栏收录该内容

53 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组扁平化并去重排序</title>
</head>
<body>
    <script>
        var arr = [1, 2, [1,2,3,435], 5, 7,[6,4,6,7,[8,9,65]]];

        function flatten1(array){
            return array.reduce((prev, cur) => {
                return prev.concat(Array.isArray(cur) ? flatten1(cur) : cur);
            }, [])
        }

        // ...拓展运算符展开数组
        // 注意: 1.contact 只能展平一层
        function extendArray(array){

            while(array.some(item => Array.isArray(item))){
                array = [].concat(...array);
            }
            return Array.from(new Set(array));
        }

        //排序方法
        function sortArray(array){
            array.sort((a, b) => {
                return a - b;
            })
            return array;
        }

        // Array.from --创建一个新的，浅拷贝的数组
        // set 不重复的数组 

        // 1. reduce
        console.log(Array.from(new Set(flatten1(arr))))
        
        //2. toString().split(",")
        console.log(Array.from(new Set((arr).toString().split(",").map(item=> {
            return Number(item)
        }))))

        //3. join().split(",")
        console.log(Array.from(new Set((arr).join().split(",").map(item=> {
            return Number(item)
        }))))

        //4. ...拓展运算符
        console.log(sortArray(extendArray(arr)))

    </script>
</body>
</html>