多语言展示
当前在线:780今日阅读:176今日分享:34

js数组扁平化的方法

小白的第一篇文章,或有许多不足之处,望诸大佬勿喷,多多指教。在实现数组扁平化时,首先我们要了解数组扁平化的概念。 何为数组扁平化?数组扁平华是指讲一个多维数组变成一维数组。例如 [1, 2, [3, 4, [5, 6, [7]]]]-- -> [1, 2, 3, 4, 5, 6, 7] 而我们将如何如实现呢。话不多说,开撸复制代码
工具/原料
1

电脑

2

js

第一种方法 reduce()
第二种方法 toString和split

toString() 方法可以把一个逻辑值转换为字符串 split() 方法可以把字符串分割为字符串数组 这种方法主要思想是调用toString方法,将数组转为字符串,然后再用split分割还原为数组var arr = [1, 2, [3, 4, [5, 6, [7]]]] arr.toString().split(",")

第三种方法 join和split

jion()方法通过特定的格式去拼接字符参数,需要传参 返回新的字符串 split() 方法可以把字符串分割为字符串数组 跟上面的toString方法一样,join方法可以将数组转换为字符串var arr = [1, 2, [3, 4, [5, 6, [7]]]] arr.join(",").split(",")

第四种方法 递归

遍历数组的每一项,如果是数组就继续遍历,如果不是就concatvar arr = [1, 2, [3, 4, [5, 6, [7]]]]    function arr1(a) {        var b = []        a.map(            function v(item) {                function c(item) {                    if (Array.isArray(item)) {                        b = b.concat(arr1(item))                    }                    else {                        b.push(item)                    }                }                return c(item)            }        )        return b    }

第五种方法 扩展运算符

扩展运算符是ES6中新定义的,他能将二维数组变成一维var arr = [1, 2, [3, 4, [5, 6, [7]]]] var arr = [1, 2, [3, 4, [5, 6, [7]]]] function flatten(a) {    while (        a.some(function b(item) {            //some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。            return Array.isArray(item)        }        )    ) {        a = [].concat(...a);    }    return a; }

第六种方法 flat

flat是ES6中新定义的方法。flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。    var arr = [1, [2, 3], [4, 5], [6, [7, 8], 9, [[[10, [[11, 12], 13], 14], 15, 16], 17], 18]]    console.log(arr.flat(Infinity));复制代码总的来说大思想只有一个,先遍历数组,如果数组的元素也是数组就继续遍历,如果不是就concat

本文参考文章
1

5种方式实现数组扁平化 -——wind(博客园) )

2

你应该知道的js:reduce的n种应用——AlexLee(掘金

3

JS中的map()方法--微光刺眼丶(CSDN)

4

JS中every()和some()的用法 ——麋鹿传(CSDN)

推荐信息