Array de JavaScript desde() Método – Part 1

A continuación se muestra el ejemplo del método Array from() .

• Ejemplo: 

<script>
    document.write(Array.from("This is JavaScript Array "+
                              "from() Method"));
</script>                                       

• Producción:

T,h,i,s, ,i,s, ,J,a,v,a,S,c,r,i,p,t, ,A,r,r,a,y, 
 ,f,r,o,m,(,), ,M,e,t,h,o,d

El método Array.from() se usa para crear una nueva instancia de array a partir de una array determinada. En el caso de una string, cada alfabeto de la string se convierte en un elemento de la nueva instancia de array y, en el caso de valores enteros, una nueva instancia de array simplemente toma los elementos de la array dada. Sintaxis:

Array.from(object, mapFunction, thisValue)

Parámetros: este método acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:

• objeto: este parámetro contiene ese objeto que se convertirá en una array
• mapFunction: este parámetro es opcional y se usa para llamar a cada elemento de la array.
• thisValue: este parámetro es opcional, contiene el contexto que se pasará como este para ser utilizado mientras se ejecuta mapFunction. Si se pasa el contexto, se usará así para cada invocación de la función de devolución de llamada; de lo contrario, se usa undefined como valor predeterminado.

Valor de retorno: Devuelve una nueva instancia de Array cuyos elementos son los mismos que los de la array dada. En el caso de una string, cada alfabeto de la string se convierte en un elemento de la nueva instancia de array. El siguiente ejemplo ilustra el método Array from() en JavaScript:

• Ejemplo 1: aquí, como vemos, la salida crea una nueva array cuyo contenido es el mismo que la entrada en el caso de un número entero.

Input : 10, 20, 30
Output:  Array [10, 20, 30]

• Ejemplo 2: aquí, como vemos que la salida crea una nueva array cuyo contenido es el mismo que el de la entrada, cada alfabeto de la string se convierte en un elemento de la nueva instancia de la array.

Input : geeksforgeeks
Output: Array ["g", "e", "e", "k", "s", "f", "o", 
               "r", "g", "e", "e", "k", "s"]

El código para el método anterior se proporciona a continuación: Programa 1: 

<script>
    document.write(Array.from("GeeksforGeeks"));
    document.write("<br />")
    document.write(Array.from([10, 20, 30]));
</script>                   

Producción:

G,e,e,k,s,f,o,r,G,e,e,k,s
10,20,30

Programa 2: 

<script>
    // Here input array is [1,2,3] and output
    // become double of each elements.
    document.write(Array.from([1, 2, 3],
                                x => x + x));
</script>                                       

Producción:

2,4,6

Nota: si tomamos un número complejo como parámetro, devuelve un error porque solo se pueden tomar como parámetro una array y una string. Navegadores compatibles: los navegadores compatibles con el método JavaScript Array from() se enumeran a continuación:

• Google Chrome 45.0
• Microsoft Edge 12.0
• MozillaFirefox 32.0
• Safari 9.0
• Ópera 25.0