JavaScript Array.flat()函数用法解析

Array.flat()是JavaScript中一个新的数组API，用于将嵌套数组“展平”，即从多维数组变成一维数组。本文将详细讲解Array.flat()函数的用法。

语法

let newArray = arr.flat(depth)

• arr：被展平的原数组。
• depth（可选）：表示展平的深度，默认值为 1。该参数是一个非负整数，当它等于0时，返回原数组的一个浅拷贝，展平一级数组；当它大于等于原数组最大嵌套层数时，直接返回原数组的一个完全展平的深拷贝。

示例

案例1: 数组展平

const arr = [1, [2, 3], [4, [5, 6]]];
const flatArr = arr.flat();
console.log(flatArr); // [1, 2, 3, 4, [5, 6]]

通过上面的代码可以看出，[2, 3]和[4, [5, 6]]这两个子数组被展平成了一维数组，变成了2, 3和4, [5, 6]，最终返回的结果是[1, 2, 3, 4, [5, 6]]。

案例2: 多维数组展平

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

通过上面的代码可以看出，[3, [4, 5]]和[2, [3, [4, 5]]]这两个子数组被展平成了一维数组，变成了3, 4, 5和2, 3, 4, 5，最终返回的结果是[1, 2, 3, 4, 5]。

总结

Array.flat()函数可以将多维数组展平成一维数组。该函数参数depth为可选项，默认为1。参数depth为可选项，当depth大于等于数组最大嵌套层数时，直接返回完全展平的深拷贝。该函数返回新的数组，而不会对原有数组产生影响。