在 ES7 中，新增了一个 Array.of() 方法，它与 Array() 构造函数非常相似，但是它们之间还是有一些区别的。本文将详细介绍 Array.of() 和 Array() 的区别，以及如何使用它们。
Array.of()
Array.of() 方法创建一个具有可变数量参数的新数组实例，而且不管参数的数量和类型如何，都会被作为数组的元素来处理。如果没有参数，它将创建一个空数组。
例如，以下代码创建了一个包含三个元素的数组：
const arr = Array.of(1, 2, 3); console.log(arr); // [1, 2, 3]
如果使用 Array() 构造函数创建相同的数组，则需要将参数放在一个数组中：
const arr = Array(1, 2, 3); console.log(arr); // [1, 2, 3]
但是，如果只传递一个参数，则 Array() 构造函数将创建一个具有指定长度的空数组：
const arr = Array(3); console.log(arr); // [undefined, undefined, undefined]
这可能不是您想要的结果。如果您想要创建一个包含三个元素的数组，您需要使用以下代码：
const arr = Array.apply(null, { length: 3 }).map(() => undefined);
console.log(arr); // [undefined, undefined, undefined]这种方式比 Array.of() 更麻烦，并且不容易理解。
Array()
Array() 构造函数是 JavaScript 中创建新数组的一种方式。它可以接受任意数量的参数，每个参数都将成为数组的一个元素。如果没有参数，它将创建一个空数组。
例如，以下代码创建了一个包含三个元素的数组：
const arr = new Array(1, 2, 3); console.log(arr); // [1, 2, 3]
如果只传递一个参数，则 Array() 构造函数将创建一个具有指定长度的空数组：
const arr = new Array(3); console.log(arr); // [undefined, undefined, undefined]
这与 Array.of() 不同，因为它创建的数组的元素都是 undefined。
何时使用 Array.of()？
如果您需要创建一个具有可变数量参数的数组，并且您希望所有参数都成为数组的元素，那么 Array.of() 是最好的选择。
例如，以下代码创建了一个包含三个元素的数组：
const arr = Array.of(1, 2, 3); console.log(arr); // [1, 2, 3]
如果您使用 Array() 构造函数创建相同的数组，则需要将参数放在一个数组中：
const arr = new Array(1, 2, 3); console.log(arr); // [1, 2, 3]
但是，如果只传递一个参数，则 Array() 构造函数将创建一个具有指定长度的空数组：
const arr = new Array(3); console.log(arr); // [undefined, undefined, undefined]
这并不是您想要的结果。如果您想要创建一个包含三个元素的数组，您需要使用以下代码：
const arr = Array.apply(null, { length: 3 }).map(() => undefined);
console.log(arr); // [undefined, undefined, undefined]这种方式比 Array.of() 更麻烦，并且不容易理解。
总结
在 ES7 中，Array.of() 方法和 Array() 构造函数都可以用来创建新的数组。它们之间的主要区别在于处理参数的方式。Array.of() 方法创建一个具有可变数量参数的新数组实例，而无论参数的数量和类型如何，都会被作为数组的元素来处理。Array() 构造函数接受任意数量的参数，每个参数都将成为数组的一个元素。如果没有参数，它将创建一个空数组。如果只传递一个参数，则 Array() 构造函数将创建一个具有指定长度的空数组，其元素都是 undefined。
因此，如果您需要创建一个具有可变数量参数的数组，并且您希望所有参数都成为数组的元素，那么 Array.of() 是最好的选择。如果您只需要创建一个具有指定长度的空数组，则可以使用 Array() 构造函数。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6577cdbfd2f5e1655d186675