Javascript Array.from ()

Den statiska metoden JavaScript Array.from () skapar en grundkopierad matrisinstans från ett arrayliknande eller iterabelt objekt.

Syntaxen för from()metoden är:

 Array.from(arraylike, mapFunc, thisArg)

Den from()metod, som är en statisk metod, kallas med hjälp av Arrayklassnamnet.

från () Parametrar

Den from()metod tar in:

  • arraylike - Array-liknande eller iterabelt objekt att konvertera till en array.
  • mapFunc (valfritt) - Kartfunktion som anropas för varje element.
  • thisArg (valfritt) - Värde att använda som detta när mapFunc körs.

Obs : Array.from(obj, mapFunc, thisArg)motsvarar Array.from(obj).map(mapFunc, thisArg).

Returvärde från ()

  • Returnerar en ny Arrayinstans.

Obs! Den här metoden kan skapa Array från:

  • Array-liknande objekt - Objekten som har längdegenskap och har indexerade element som strängar.
  • Iterabla objekt som Map eller Set.

Exempel 1: Använd från () -metoden

 // 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' )

Produktion

 ('a', 'b', 'c') (('1', 'a'), ('2', 'b')) ('1', '2') ('JavaScript', 'Python ',' Go ')

Detta fungerar också för andra iterabla objekt.

Exempel 2: Använd från () -metoden med 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 )

Produktion

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

Rekommenderad läsning: JavaScript Array karta ()

Intressanta artiklar...