数组扁平化

方法一：递归

<script>
    const arr = [1, [2, [3, [4, 5]]]];
    function flatten(arr) {
        let result = [];
        for (let i = 0; i < arr.length; i++) {
            if (Array.isArray(arr[i])) {
                result = result.concat(flatten(arr[i]))
            } else {
                result.push(arr[i])
            }
        }
        return result
    }
    console.log(flatten(arr));//[1, 2, 3, 4, 5]
</script>

Array.isArray() 用于确定传递的值是否是一个数组。如果值是数组，则为true; 否则为false

。

方法二：简化递归，利用 reduce 函数进行迭代

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。语法：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

reduce函数有两个参数，第一个参数也是一个函数，第二个参数是传递给函数的初始值。第一个作为参数的函数也是需要传递参数的，四个参数分别是（初始值或者计算结束后的返回值，当前元素，当前元素的索引值，当前元素的所属数组）。

<script>
    const arr = [1, [2, [3, [4, 5]]]];
    function flatten(arr) {
        return arr.reduce((prev, cur, index, arr) => {
            return prev.concat(Array.isArray(cur) ? flatten(cur) : cur)
        }, [])
    }
    console.log('reduce', flatten(arr));
</script>

方法三：扩展运算符实现

some 方法：

判断数组中是否有满足条件的元素，存在返回值，数组中存在满足条件的则返回true，没有则返回false

语法：array.some( function ( item, index, arr) {} ,thisValue)，第一个参数为一个函数，第二个参数为可选，如果将该参数传递给方法，则可以在回调函数中使用 thisValue 作为 this 的值，第一个作为参数的函数有三个参数，分别是当前元素，当前元素索引和当前元素所在数组。

<script>
    const arr = [1, [2, [3, [4, 5]]]];
    function flatten(arr) {
        while (arr.some(item => Array.isArray(item))) {
            arr = [].concat(...arr)
        }
        return arr;
    }
    console.log('...', flatten(arr));
</script>

方法四：split 和 toString 共同处理 

split() 有返回值，将字符串以数组形式返回，有两个参数，第一个参数是分割条件，第二个参数是返回长度：

<script>
    const str = '123 123 123 123 123';
    //将str以空格进行分割，返回的数组长度为2
    console.log(str.split(' ', 2))//['123', '123']
</script>

toString() 将数组转化为字符串

split 和 toString 结合使用进行数组扁平化：

<script>
    const arr = [1, [2, [3, [4, 5]]]];
    function flatten(arr) {
        return arr.toString().split(',')
    };
    console.log(flatten(arr));//['1', '2', '3', '4', '5']
</script>

方法五：arr.flat()

ES6中用来扁平数组的函数，参数是数组的维度，如果不知道数组维度就传入Infinity

<script>
    const arr = [1, [2, [3, [4, 5]]]];
    console.log(arr.flat(Infinity))
</script>

方法六：JSON.stringify + 正则

JSON.stringify() 将对象、数组转换成字符串

JSON.parse() 将字符串转成json对象

<script>
    const arr = [1, [2, [3, [4, 5]]]];
    function flatten(arr) {
        let str = JSON.stringify(arr);
        console.log(str);//[1,[2,[3,[4,5]]]]
        str = str.replace(/(\[|\])/g, '');
        console.log(str);//1,2,3,4,5
        str = `[${str}]`;
        console.log(str);//[1,2,3,4,5]
        return JSON.parse(str);
    };
    console.log(flatten(arr));//[1, 2, 3, 4, 5]
</script>