De JavaScript Array.from () statische methode maakt een ondiep gekopieerde Array-instantie van een array-achtig of itereerbaar object.
De syntaxis van de from()
methode is:
Array.from(arraylike, mapFunc, thisArg)
De from()
methode, die een statische methode is, wordt aangeroepen met behulp van de Array
klassenaam.
from () Parameters
De from()
methode omvat:
- arraylike - Array-achtig of itereerbaar object om naar een array te converteren.
- mapFunc (optioneel) - Kaartfunctie die op elk element wordt aangeroepen.
- thisArg (optioneel) - Waarde die als deze moet worden gebruikt bij het uitvoeren van mapFunc.
Let op : Array.from(obj, mapFunc, thisArg)
is gelijk aan Array.from(obj).map(mapFunc, thisArg)
.
Retourwaarde van van ()
- Retourneert een nieuw
Array
exemplaar.
Opmerking : met deze methode kan een array worden gemaakt van:
Array
-like objects - De objecten die de eigenschap length hebben en geïndexeerde elementen zoals strings hebben.- Herhaalde objecten zoals Map of Set.
Voorbeeld 1: met behulp van de methode 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' )
Uitvoer
('a', 'b', 'c') (('1', 'a'), ('2', 'b')) ('1', '2') ('JavaScript', 'Python ', 'Gaan' )
Dit werkt ook voor andere itereerbare objecten.
Voorbeeld 2: Met behulp van de methode from () met 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 )
Uitvoer
(2, 4, 6, 8, 10, 12)
Aanbevolen literatuur: JavaScript-matrixkaart ()