JavaScript数组flat()介绍

JavaScript数组flat()方法用于将一个多维数组转换为一个一维数组，同时也可以指定转换的深度。

语法

array.flat(depth);

• array：要进行转换的多维数组。
• depth：可选参数，指定转换的深度，默认值为1，表示只转换一层。

返回值

返回一个一维数组。

示例

将一个二维数组转换为一维数组

const arr1 = [1, 2, [3, 4]];
const arr2 = arr1.flat();
console.log(arr2);   // [1, 2, 3, 4]

将一个三维数组转换为一维数组

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

注意事项

• flat()方法返回的是一个新的数组，原数组不会被修改。
• 如果数组中的元素是null、undefined、空字符串或者数字、布尔值等基本类型值，将会直接忽略，不会产生影响。
• 如果数组中包含空元素，flat()方法会将其转换为undefined，并且不会影响深度。例如：[1, 2, , 4, [5, 6]]会被转换为[1, 2, undefined, 4, 5, 6]。
• flat()方法只会展开数组中的可迭代对象，如果数组中的元素不是数组或可迭代对象，将会直接忽略，不会产生影响。例如：[1, 2, 3, 'a', 'b']会被转换为[1, 2, 3, 'a', 'b']。

使用场景

多维数组转换为一维数组，方便数据处理和展示。

引用文献

• MDN web docs