Función JavaScript Array.of()

La función array.of() es una función incorporada en JavaScript que crea una nueva instancia de array con variables presentes como argumento de la función. 

Sintaxis:

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

Parámetros: 
Los parámetros presentes son elemento0, elemento1, …. que son básicamente un elemento para el que se realiza la creación de la array. 
Valor devuelto: 
simplemente devuelve una nueva instancia de Array. 
Compatibilidad con navegadores: 
aquí, la segunda columna que contiene los valores int son versiones del navegador correspondiente. 
 

Ejemplos: 
 

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

Explicación: 
Aquí, en los argumentos de entrada de la función array.of(), hay números convertidos en una array que contiene el mismo argumento que se muestra en la salida. 
 

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

Explicación: 
Aquí, en los argumentos de entrada de la función array.of(), se convierte una string en una array que contiene el mismo argumento que se muestra en la salida.
Veamos el programa JavaScripts en la función Array.of(): 
 

<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>

Producción:  

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

Aplicación: 
Cada vez que necesitamos obtener elementos de una array en ese momento, tomamos la ayuda del método Array.of() en JavaScript. 
 

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

Producción:  

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

Polirelleno:

Polyfills proporciona una forma de implementar nuevas funciones en navegadores antiguos que no son compatibles con la última versión actualizada del código JavaScript.

La función Array.of() no es compatible con el navegador Internet Explorer . Como desarrollador, es su responsabilidad proporcionar un código que se ejecute en todas partes (navegador en este caso).

Así que veamos cómo crear un polyfill para Array.of()

Pasos :

• Compruebe si la función Array.of() es compatible con el navegador o no.
• Ahora crea una expresión de función llamada Array.of() . Esta función toma los elementos de la array.
• Ahora cree una array e inserte todos los elementos del argumento en ella.
• Ahora devuelva la array creada por usted.

<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>

Producción :

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

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

Navegador compatible:

• Chrome 45 y superior
• Borde 12 y superior
• Firefox 25 y superior
• Ópera 26 y superior
• Safari 9 y superior