Los métodos de Array en JavaScript - El método Array.from()

Los métodos de Array en JavaScript - El método Array.from()

El método Array.from() es capaz de crear una nueva instancia de Array a partir de un objeto iterable. En palabras más claras, convierte el contenido de una variable en un array, y no solo eso, consigue variar el contenido también en arrays.
Veamos un par de ejemplos para que quede más claro.

Ejemplos prácticos del método Array.from() de JavaScript

En este ejemplo estamos viendo como transformamos el contenido (string) de la variable arrayTexto en un array, y cada caracter es un elemento del array, la T en la posición 0, la h en la 1, la e en la 2...

<script> 
    
var arrayTexto = Array.from("TheHittosLab");
  
document.write (arrayTexto[0]);
    
</script>

Resultado

<script> 
    
var arrayTexto = Array.from("TheHittosLab");
  
document.write (arrayTexto[9]);
    
</script>

Resultado

Aquí tenemos  tenemos un ejemplo en el que no se ha declarado ninguna variable ni array. Se declara un array con los valores 10, 5, 2 y 1, y a continuación se escribe la i para hacer referencia al array creado. Esta i se multiplica por ella misma (puedes escribir i, o cualquier otra cosa), por lo que 10*10 son 100, 5 por 5 son 25...

<script> 
    
document.write(Array.from([10, 5, 2, 1], i => i * i));
    
</script>

Resultado