JavaScript Array of()

The JavaScript Array of() method creates a new Array instance from the given arguments.

The syntax of the of() method is:

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

The of() method, being a static method, is called using the Array class name.


of() Parameters

The of() method takes in an arbitrary number of elements that is then used to create the array.


Return value from of()

  • Returns a new Array instance.

Note: The difference between Array.of() and the Array constructor is the handling of the arguments. For example, Array.of(5) creates an array with a single element 5 whereas Array(5) creates an empty array with a length of 5.

Array.of(5);       // [5] 
Array.of(1, 2, 3); // [1, 2, 3]

Array(5);          // array of 5 empty slots
Array(1, 2, 3);    // [1, 2, 3]

Example: Using of() method

let numbers = Array.of(3);
console.log(numbers.length); // 1
console.log(numbers); // [ 3 ]

let numbers1 = Array(3);
console.log(numbers1.length); // 3
console.log(numbers1); // [ <3 empty items> ]

let chars = Array.of("A", "B", "C");
console.log(chars.length); // 3
console.log(chars); // [ 'A', 'B', 'C' ]

Output

1
[ 3 ]
3
[ <3 empty items> ]
3
[ 'A', 'B', 'C' ]

Recommended Reading: JavaScript Array