JavaScript Array.of() Function

The Javascript array.of() function is an inbuilt function in JavaScript that creates a new array instance with variables present as the argument of the function. 

Syntax:

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

Parameters: Parameters present are element0, element1, …. which are basically an element for which the array creation is done. 

Return Value: It simply returns a new Array instance. 

Example 1:

Input: Array.of(10, 20, 30)
Output: Array [10, 20, 30]

Explanation: Here in input arguments of the array.of() function is numbers converted into an array containing the same argument shown in the output. 

Example 2:

Input: Array.of("Ram","Geeta")
Output: Array ["Ram", "Geeta"]

Explanation: Here in input arguments of the array.of() function is a string converted into an array containing the same argument shown in the output.

Let’s see the JavaScripts program on the Array.of() function:

Example 1: In this example, we will see the use of the javascript array.of() function.

JavaScript

<script>
    //  Here the Array.of() method creates a new Array instance with
    // a variable number of arguments, regardless of
    // number or type of the arguments.
    console.log(Array.of(0, 0, 0));
    console.log(Array.of(11, 21, 33));
    console.log(Array.of("Ram","Geeta"));
    console.log(Array.of('geeksforgeeks'));
    console.log(Array.of(2,3,4,'Sheeta'));
</script>

Output:

Array [0, 0, 0]
Array [11, 21, 33]
Array ["Ram", "Geeta"]
Array ["geeksforgeeks"]
Array [2, 3, 4, "Sheeta"]

Application: Whenever we need to get elements of an array that time we take the help of the Array.of( ) method in JavaScript. 

Example 2: In this example, we will see the use of the javascript array.of() function.

JavaScript

<script>
    console.log(Array.of(['Ram', 'Rahim', 'Geeta', 'Sheeta']));
</script>

Output:

Array [Array ["Ram", "Rahim", "Geeta", "Sheeta"]]

Polyfill: Polyfills provide a way to implement new features into old browsers that do not support the newest updated version of JavaScript code.

Array.of( ) function does not support by the Internet Explorer browser. As a developer, it’s your responsibility to provide a code that runs everywhere ( browser in this case ).

So let’s see how to create a polyfill for Array.of( )

Steps :

• Check if the Array.of( ) function is supported in the browser or not.
• Now create a function expression named Array.of( ) . This function takes the items of the array.
• Now create an array and push all the argument items into it.
• Now return the array created by you.

Javascript

<script>
    // check if Array.of( ) feature present in your browser or not
    if(!Array.of){

        // Create a function
       Array.of = function() {
           let newArr = [];

           // Pushing all the arguments into newArr
            for(let items in arguments){
               newArr.push(arguments[items]);
           }
           // return the array
           return newArr;
        }
    }
</script>

Output :

Array.of(1, 2, 3, 4, 5, 6)
[1, 2, 3, 4, 5, 6]

Array.of("John", "Doe", "Smith", "Ram")
["John", "Doe", "Smith", "Ram"]

We have a complete list of Javascript Array methods, to check those please go through this Javascript Array Complete reference article.

Supported Browser:

• Chrome 45 and above
• Edge 12 and above
• Firefox 25 and above
• Opera 26 and above
• Safari 9 and above

We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.