数组扁平化的方法

小白的第一篇文章，或有许多不足之处，望诸大佬勿喷，多多指教。

在实现数组扁平化时，首先咱们要了解数组扁平化的概念。
何为数组扁平化？数组扁平华是指讲一个多维数组变成一维数组。例如

[1, 2, [3, 4, [5, 6, [7]]]]-- -> [1, 2, 3, 4, 5, 6, 7]

而咱们将如何如实现呢。话很少说，开撸
复制代码

第一种方法 reduce()

reduce()是ES5中新引入的一个API，其具体的用法，笔者在这就不过多赘述了，整理出来又是一篇文章了，具体内容能够参考一下MDN文档。在本文中，笔者将借助其“可以遍历到数组中的每个元素，而且次遍历均可以使用上次遍历结果”的特性，实现数组扁平化的功能

function arr1(a) {
        return a.reduce((result, item) => {
            return result.concat(Array.isArray(item) ? arr1(item) : item);
        }, []);
    }
复制代码

第二种方法 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(",")
复制代码

第四种方法 递归

遍历数组的每一项，若是是数组就继续遍历，若是不是就concat

var 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

本文参考文章

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

你应该知道的js：reduce的n种应用——AlexLee（掘金）

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

JS中every()和some()的用法 ——麋鹿传（CSDN）复制代码