在写前端代码时，我们经常需要创建二维数组。在 ES10 中，我们可以使用 Array 的 from() 方法来快速创建一个空白的二维数组，同时可以设置其初始值为 undefined、null 或其他默认值。
1. Array.from() 方法
Array.from() 方法可以从一个类数组或可迭代对象中创建一个新的数组实例。在这里，我们可以使用它来创建一个二维数组。
const arr = Array.from({ length: 3 }, () => Array.from({ length: 3 }));
console.log(arr); // [[undefined, undefined, undefined], [undefined, undefined, undefined], [undefined, undefined, undefined]]此代码将创建一个大小为 3x3 的二维数组，初始值为 undefined。我们可以在第二个参数中指定一个回调函数来设置它们的默认值。
2. 嵌套的 Array.from() 方法
我们还可以嵌套使用 Array.from() 来创建一个更复杂的二维数组。例如，我们可以使用以下代码创建一个大小为 3x3 的二维数组，每个主数组都包含两个子数组：
const arr = Array.from({ length: 3 }, () => Array.from({ length: 2 }, () => 0));
console.log(arr); // [[0, 0], [0, 0], [0, 0]]此代码将创建一个大小为 3x2 的二维数组，并将每个元素的初始值设置为 0。
3. Array() 构造函数
我们还可以使用 Array() 构造函数来创建一个二维数组，例如：
const arr = Array(3).fill().map(() => Array(3).fill()); console.log(arr); // [[undefined, undefined, undefined], [undefined, undefined, undefined], [undefined, undefined, undefined]]
此代码将创建一个大小为 3x3 的二维数组，并将每个元素的初始值设置为 undefined。
4. 总结
ES10 中快速创建空白的二维数组有多种方法，包括使用 Array.from() 方法、嵌套的 Array.from() 方法和 Array() 构造函数。这些方法可以为我们的编程提供实用的工具，提高我们的开发效率。但是，我们还应该仔细阅读文档，并考虑对于我们特定的用途最合适的方法。
以上是ES10中快速创建空白的二维数组的技巧的详细说明，希望对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647b6756968c7c53b06ddd07