在 ES9 中，Array 增加了一个新方法 flatten()，用于将嵌套的数组扁平化成一维数组。这个方法非常实用，可以优化某些操作，比如数组的遍历和处理。
使用方式
Array.prototype.flatten() 的使用方式非常简单，只需要在数组实例上调用即可。例如：
const nestedArray = [[1, 2], [3, 4], [5, 6]]; const flattenedArray = nestedArray.flatten(); console.log(flattenedArray); // [1, 2, 3, 4, 5, 6]
当然，该方法的参数可以是一个数字，表示将多层嵌套的数组扁平化成指定层数的一维数组。例如：
const nestedArray = [[[1], 2], [3, 4], [5, [6]]]; const flattenedArray = nestedArray.flatten(2); console.log(flattenedArray); // [[1], 2, 3, 4, 5, [6]]
如果传入的参数小于等于 0，则返回原始数组。
深度学习和指导意义
使用 flatten() 方法可以简化某些操作，提高代码的可读性和可维护性。例如，我们可以使用该方法将多个数组连接成一个大数组。例如：
const arr1 = [1, 2, 3]; const arr2 = [4, [5, 6]]; const arr3 = [7, [8, [9, 10]]]; const result = arr1.concat(arr2, arr3).flatten(); console.log(result); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
此外，flatten() 方法还可以方便地处理由异步操作产生的嵌套数组。例如：
async function asyncFunction() {
const results = await Promise.all([Promise.resolve([1, 2]), Promise.resolve([3, 4]), Promise.resolve([5, 6])]);
const flattenedResults = results.flatten();
console.log(flattenedResults); // [1, 2, 3, 4, 5, 6]
}
asyncFunction();示例代码
以下是一些 flatten() 方法的示例代码：
-- -------------------- ---- ------- ----- ----------- - ------ --- --- --- --- ------ ------------------------------------ -- ----- -- -- -- -- ---- ----- ---- - --- -- --- ----- ---- - --- --- ---- ----- ---- - --- --- --- ------ ----------------------------- ----------------- -- --- -- -- -- -- -- -- -- -- --- ----- -------- --------------- - ----- ------- - ----- -------------------------------- ---- ------------------- ---- ------------------- ------ ------------------------------- -- --- -- -- -- -- -- - ----------------
总结
ES9 中新增的 flatten() 方法可以实现嵌套数组的扁平化，使数组处理变得更加简单和直观。使用该方法可以避免冗长的遍历和处理代码，提高了代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648ebb6948841e9894d20bdd