跳到主要内容

JavaScript 数组的 of() 方法详解

of() 方法根据给定的参数创建一个新的数组实例。

示例​

// 创建一个名为 alphabets 的数组，元素为 A, B, C
let alphabets = Array.of("A", "B", "C");

// 显示 alphabets 的内容
console.log(alphabets);

// 输出：[ 'A', 'B', 'C' ]

of() 语法​

of() 方法的语法为：

Array.of(element0, element1, ..., elementN)

of() 方法作为一个静态方法，需要使用 Array 类名来调用。

of() 参数​

of() 方法可以接受任意数量的参数：

  • n 指定新数组中的元素数量。

of() 返回值​

  • 返回一个新的 Array 实例。

示例 1：使用 of() 方法​

// 创建一个只有一个元素的数组
let numbers = Array.of(3);

console.log(numbers); // [ 3 ]

// 创建一个包含 3 个字符串元素的数组
let fruits = Array.of("Apple", "Banana", "Grapes");

console.log(fruits); // [ 'Apple', 'Banana', 'Grapes' ]

// 创建一个包含 4 个整数的数组
let primeNumbers = Array.of(2, 3, 5, 7);

console.log(primeNumbers); // [ 2, 3, 5, 7 ]

输出

[ 3 ]
[ 'Apple', 'Banana', 'Grapes' ]
[ 2, 3, 5, 7 ]

在上面的示例中，我们使用 of() 方法分别创建了 numbers、fruits 和 primeNumber 数组。

我们通过在 Array 类中调用 of() 方法，即 Array.of()，并传递了不同的数字和字符串作为参数。

示例 2：Array of() 方法与 Array 构造函数的区别​

Array.of() 方法和 Array 构造函数的区别在于参数的处理方式。

向 Array 构造函数传递一个数字将创建一个长度等于该数字的新数组。

然而在 Array.of() 方法中，如果我们传递任何数字，它将创建一个包含该数字作为元素的数组。例如：

// 使用 Array.of() 创建一个只有一个元素的数组
let evenNumber = Array.of(2);

// 显示 evenNumber 的长度
console.log(evenNumber.length); // 1

// 显示 evenNumber 内的内容
console.log(evenNumber); // [2]

// 使用 Array 构造函数创建一个长度为 2 的空数组
let numbers = Array(2);

// 显示 'numbers' 数组的长度
console.log(numbers.length); // 2

// 显示 'numbers' 内的内容
console.log(numbers); // [ <2 个空项> ]

输出

1
[ 2 ]
2
[ <2 个空项> ]

这里 Array.of(2) 创建了一个长度为 1、元素为 2 的数组 [2]，而 Array(2) 创建了一个长度为 2、元素为空的数组 [ <2 个空项> ]。

推荐阅读： JavaScript 数组

最后于 更新