Die statische Methode JavaScript Array.from () erstellt eine flach kopierte Array-Instanz aus einem Array-ähnlichen oder iterierbaren Objekt.
Die Syntax der from()Methode lautet:
Array.from(arraylike, mapFunc, thisArg)
Die from()Methode ist eine statische Methode und wird unter Verwendung des ArrayKlassennamens aufgerufen .
from () Parameter
Die from()Methode umfasst:
- arraylike - Array-ähnliches oder iterierbares Objekt, das in ein Array konvertiert werden soll.
- mapFunc (optional) - Map-Funktion, die für jedes Element aufgerufen wird.
- thisArg (optional) - Wert, der beim Ausführen von mapFunc als solcher verwendet werden soll.
Hinweis : Array.from(obj, mapFunc, thisArg)entspricht Array.from(obj).map(mapFunc, thisArg).
Rückgabewert von from ()
- Gibt eine neue
ArrayInstanz zurück.
Hinweis : Diese Methode kann ein Array erstellen aus:
Array-ähnliche Objekte - Die Objekte mit der Eigenschaft length und indizierten Elementen wie Zeichenfolgen.- Iterierbare Objekte wie Map oder Set.
Beispiel 1: Verwenden der from () -Methode
// 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' )
Ausgabe
('a', 'b', 'c') (('1', 'a'), ('2', 'b')) ('1', '2') ('JavaScript', 'Python ', 'Gehen' )
Dies funktioniert auch für andere iterierbare Objekte.
Beispiel 2: Verwenden der from () -Methode mit 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 )
Ausgabe
(2, 4, 6, 8, 10, 12)
Empfohlene Lektüre: JavaScript Array map ()
