JavaScript Array of() 方法

// creating an array named alphabets with elements A,B,C
let alphabets = Array.of("A", "B", "C");
// display contents of alphabet'
console.log(alphabets);

// Output: [ 'A', 'B', 'C' ]

of() 语法

of() 方法的语法是

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

of() 方法是一个静态方法，使用 Array 类名进行调用。

of() 参数

of() 方法可以接受 n 个参数

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

of() 返回值

• 返回一个新的 Array 实例。

示例 1: 使用 of() 方法

// creating an array 1 element
let numbers = Array.of(3);

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

// creating an array with 3 string elements
let fruits = Array.of("Apple", "Banana", "Grapes");

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

// creating an array with 4 integers 
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() 方法中，如果我们传递任何数字，它会创建一个以该数字为元素的数组。例如：

// creating an array with one element using Array.of()
let evenNumber = Array.of(2);

// displays the length of evenNumber
console.log(evenNumber.length); // 1

// displays content inside evenNumber
console.log(evenNumber); // [2]

// creating an empty array of length 2 using Array constructor
let numbers = Array(2);

// displays the length of 'numbers' array
console.log(numbers.length); //  2

// displays the content inside 'numbers'
console.log(numbers); //  [ <2 empty items> ]

输出

1
[ 2 ]
2
[ <2 empty items> ]

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

另请阅读

• JavaScript 数组