El método estático JavaScript Array.from () crea una instancia de Array copiada superficialmente a partir de un objeto iterable o similar a una matriz.
La sintaxis del from()
método es:
Array.from(arraylike, mapFunc, thisArg)
El from()
método, al ser un método estático, se llama utilizando el Array
nombre de la clase.
de () Parámetros
El from()
método incluye:
- arraylike: objeto iterable o similar a una matriz para convertir en una matriz.
- mapFunc (opcional): función de mapa que se llama en cada elemento.
- thisArg (opcional): valor que se utilizará como this al ejecutar mapFunc.
Nota : Array.from(obj, mapFunc, thisArg)
es equivalente a Array.from(obj).map(mapFunc, thisArg)
.
Valor de retorno de from ()
- Devuelve una nueva
Array
instancia.
Nota : este método puede crear una matriz a partir de:
Array
-objetos similares: los objetos que tienen la propiedad de longitud y tienen elementos indexados como cadenas.- Objetos iterables como Map o Set.
Ejemplo 1: uso del método from ()
// Array from String let arr1 = Array.from("abc"); console.log(arr1); // ( 'a', 'b', 'c' ) // Array from Map let mapper = new Map(( ("1", "a"), ("2", "b"), )); let arr2 = Array.from(mapper); console.log(arr2); // ( ( '1', 'a' ), ( '2', 'b' ) ) let arr3 = Array.from(mapper.keys()); console.log(arr3); // ( '1', '2' ) // Array from Set let set = new Set(("JavaScript", "Python", "Go")); let arr4 = Array.from(set); console.log(arr4); // ( 'JavaScript', 'Python', 'Go' )
Salida
('a', 'b', 'c') (('1', 'a'), ('2', 'b')) ('1', '2') ('JavaScript', 'Python ', 'Vamos' )
Esto también funciona para otros objetos iterables.
Ejemplo 2: uso del método from () con mapFunc
function createArr(arraylike, mapFunc) ( return Array.from(arraylike, mapFunc); ) // using arrow function for mapFunc let arr1 = createArr("123456", (x) => 2 * x); console.log(arr1); // ( 2, 4, 6, 8, 10, 12 )
Salida
(2, 4, 6, 8, 10, 12)
Lectura recomendada: mapa de matriz de JavaScript ()