Javascript Array.from ()

Metoda statyczna JavaScript Array.from () tworzy płytko skopiowaną instancję Array z obiektu przypominającego tablicę lub iterowalnego.

Składnia from()metody to:

 Array.from(arraylike, mapFunc, thisArg)

from()Metoda jest metodą statyczną, nazywa się używając Arraynazwy klasy.

from () Parametry

from()Sposób odbywa się:

  • arraylike - obiekt przypominający tablicę lub iterowalny do konwersji na tablicę.
  • mapFunc (opcjonalne) - Funkcja mapowania, która jest wywoływana dla każdego elementu.
  • thisArg (opcjonalne) - wartość do użycia jako ta podczas wykonywania mapFunc.

Uwaga : Array.from(obj, mapFunc, thisArg)jest równoważne z Array.from(obj).map(mapFunc, thisArg).

Wartość zwracana z ()

  • Zwraca nową Arrayinstancję.

Uwaga : ta metoda może utworzyć tablicę z:

  • Arrayobiekty podobne do obiektów - obiekty, które mają właściwość length i mają indeksowane elementy, takie jak łańcuchy.
  • Iterowalne obiekty, takie jak mapa lub zestaw.

Przykład 1: użycie metody 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' )

Wynik

 ('a', 'b', 'c') (('1', 'a'), ('2', 'b')) ('1', '2') ('JavaScript', 'Python ', 'Udać się' )

Działa to również w przypadku innych iterowalnych obiektów.

Przykład 2: Używanie metody from () z 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 )

Wynik

 (2, 4, 6, 8, 10, 12)

Zalecana lektura: mapa tablic JavaScript ()

Interesujące artykuły...