ES9 中 Array.flat() 的应用

在 ES9 中，Array.flat() 是一个非常有用的新方法，它允许我们轻松地将多层嵌套的数组展平为单层数组。这个方法通常用于处理多维数组或处理 JSON 数据。

该方法的应用场景

假设我们有一个嵌套的数组，其中包含多个子数组，我们需要展开这些子数组并将它们合并为单个数组。这个时候就可以使用 flat() 方法：

const nestedArray = [['Jack', 'Rose'], ['Tom', 'Jerry', ['Micky']], 'Hello'];
const flattenedArray = nestedArray.flat();
console.log(flattenedArray); // ['Jack', 'Rose', 'Tom', 'Jerry','Micky', 'Hello']

如上所示，我们将嵌套数组赋值给变量 nestedArray，并将其展平为一个单层数组 flattenedArray。在这个例子中，使用 flat() 方法将组成子数组的每个元素提取出来，最终合并成一个数组，并将其输出。

值得注意的是，我们可以传递一个可选参数，指示 flat() 方法要展开的嵌套级别：

const multiNestedArray = [[['javascript']], 'python'];
console.log(multiNestedArray.flat());             // => ['javascript', 'python']
console.log(multiNestedArray.flat(2));            // => ['javascript', 'python']
console.log(multiNestedArray.flat(Infinity));     // => ['javascript', 'python']

在这个例子中，我们将参数 2 传递给 flat()，告诉它将数组展开两层，这样就不会扁平化到底了。如果您知道嵌套的层数，这个参数会非常实用。

学习和指导意义

在当今的 JavaScript 中，我们经常需要与数组打交道，所以熟练掌握操作数组的方法非常重要。而且，在网络应用中，我们经常要处理多层嵌套的数据，例如在使用 REST API 或 WebSocket 时，那些数据往往是以标准的 JSON 格式发送的，它们可能是多层嵌套的。这时，Array.flat() 就会变得非常实用，能够轻松地将多层嵌套的数组展平为单层数组。因此，对于前端学习者来说，掌握这个方法是至关重要的，它可以增加我们的生产力并帮助我们更轻松地解决问题。

总结

在 ES9 中，Array.flat() 是一种非常便捷的扁平化多层数组的方法。它使我们能够轻松处理多维数组的数据，提高了我们的开发效率。同时，掌握这种方法也有助于更好地掌握 JavaScript 基础知识，为我们未来的学习和使用打下坚实的基础。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b142eb48841e9894d95591