JavaScript Array.of 方法
最后修改于 2025 年 4 月 4 日
在本文中，我们将展示如何使用 JavaScript 中的 Array.of 方法创建数组。
Array.of 方法
Array.of 方法从可变数量的参数创建一个新的数组实例。与 Array 构造函数不同，它将单个数字参数作为数组元素处理，而不是设置数组长度。
此方法是在 ES6 中引入的，用于解决 Array 构造函数的不一致性。Array.of() 方法总是创建一个包含其参数作为元素的数组，无论参数的数量或类型如何。
Array.of() 的主要用例是当您需要创建具有特定元素的数组时。它提供了一种一致的方式来创建数组，无论传递的参数数量或类型如何，其工作方式都相同。
基本 Array.of 示例
以下示例演示了 Array.of 方法的基本用法。
const nums = Array.of(1, 2, 3, 4, 5); console.log(nums);
我们创建一个包含五个数字元素的数组。Array.of() 方法获取每个参数并将其作为元素添加到新数组中。无论参数类型如何，这都是一致的。
$ node main.js [ 1, 2, 3, 4, 5 ]
Array.of 与 Array 构造函数
这里显示了 Array.of() 和 Array 构造函数之间的关键区别。
const arr1 = Array.of(7); const arr2 = Array(7); console.log(arr1); console.log(arr2);
使用 Array.of(7) 时，我们得到一个包含一个元素 (7) 的数组。使用 Array(7) 时，我们得到一个长度为 7 的空数组。这演示了 Array.of 的一致行为，与 Array 构造函数相比。
$ node main.js [ 7 ] [ , , , , , , ]
创建具有混合类型的数组
Array.of 可以创建包含不同类型元素的数组。
const mixed = Array.of(1, 'two', true, {name: 'John'}, [5, 6]);
console.log(mixed);
我们创建一个包含数字、字符串、布尔值、对象和另一个数组的数组。Array.of() 一致地处理所有这些类型，将每个参数作为新数组中的一个元素添加。
$ node main.js
[ 1, 'two', true, { name: 'John' }, [ 5, 6 ] ]
创建空数组和单元素数组
Array.of() 在创建空数组或单元素数组时提供一致的行为。
const empty = Array.of();
const single = Array.of('hello');
const singleNum = Array.of(10);
console.log(empty);
console.log(single);
console.log(singleNum);
不带参数的 Array.of() 创建一个空数组。带一个参数时，它创建一个单元素数组，无论该参数是字符串还是数字。这种一致性是优于 Array 构造函数的主要优势。
$ node main.js [] [ 'hello' ] [ 10 ]
将 Array.of 与类似数组的对象一起使用
Array.of 可用于将类似数组的对象转换为真正的数组。
function example() {
return Array.of(...arguments);
}
const arr = example(1, 2, 3);
console.log(arr);
我们使用扩展运算符将 arguments 对象转换为一个真正的数组，使用 Array.of()。这演示了 Array.of() 如何与类似数组的对象一起使用以创建合适的数组。
$ node main.js [ 1, 2, 3 ]
来源
在本文中，我们演示了如何使用 Array.of() 方法在 JavaScript 中创建数组。
作者
列出 所有 JS 数组函数。