js之多维数组扁平化

1、flat()

Array的prototype上有个flat方法，flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

• 不会改变原数组
• 可以指定要提取嵌套数组的结构深度，默认值为 1（使用 Infinity，可展开任意深度的嵌套数组）
• flat() 方法会移除数组中的空项

示例：

var arr = [1, 2, 3, [4, 5], [6, 7]];
arr.flat(); 
// [1, 2, 3, 4, 5, 6, 7]


var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]


// 深度为 2
var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2); 
// [1, 2, 3, 4, 5, 6]


//使用 Infinity，可展开任意深度的嵌套数组
var arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];
arr4.flat(Infinity);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]


var arr5 = [1, 2, , 4, 5];
arr5.flat();
// [1, 2, 4, 5]

2、reduce()

如果只是简单的二维数组，我们除了可以用flat实现以外，还可以用reduce方法来实现

var arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
newArr = arr.reduce((pre, val) => pre.concat(val), []);
// [1, 2, 3, 4, 5, 6, 7, 8, 9]

如果是复杂的数组嵌套的情况，可以用递归