The map() w JavaScript tworzy nową tablicę, stosując funkcję do każdego elementu oryginalnej tablicy. Pomija puste elementy i nie zmienia oryginalnej tablicy, dzięki czemu idealnie nadaje się do przekształcania danych.

Godną uwagi cechą metody map() jest obsługa pustych elementów. Automatycznie pomija wykonanie funkcji wywołania zwrotnego dla tych elementów, koncentrując się wyłącznie na przetwarzaniu niepustych wartości. To zachowanie zapewnia wydajne i usprawnione przetwarzanie, zwiększając ogólną wydajność transformacji tablic.

Składnia:

map((element, index, array) =>{ /* … */ }) 

Parametry:

• element: Jest to parametr wymagany i przechowuje wartość bieżącego elementu.
• indeks: Jest to parametr opcjonalny i przechowuje indeks bieżącego elementu.
• Arr: Jest to parametr opcjonalny i przechowuje tablicę.

Wartość zwracana:

Zwraca nową tablicę, a elementy tablic są wynikiem funkcji wywołania zwrotnego.

Przykład: Tutaj używamy map()> metoda tworzenia nowej tablicy zawierającej pierwiastki kwadratowe każdej liczby w oryginalnej tablicy.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Matematyka.sqrt(liczba)); konsola.log(squareRoots); // Dane wyjściowe: [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

Przykład : W tym przykładzie zastosowano metodę array map() i zwrócono kwadrat elementu tablicy.

// Input array let arr = [2, 5, 6, 3, 8, 9]; // Using map to transform elements let newArr = arr.map(function (val, index) {  return { key: index, value: val * val }; }) // Display output console.log(newArr) 

[ { key: 0, value: 4 }, { key: 1, value: 25 }, { key: 2, value: 36 }, { key: 3, value: 9 }, { key: 4, value: 64 }, { key: 5, value: 81 } ] 

Przykład: W tym przykładzie zastosowano metodę array map() w celu połączenia znaku „A” z każdym znakiem nazwy.

//Input string let name = 'Geeks'; // New array of character and names // concatenated with 'A' let newName = Array.prototype.map.call(name, function (item) {  return item + 'A'; }) // Display output console.log(newName) 

[ 'GA', 'eA', 'eA', 'kA', 'sA' ] 

Użycie funkcji wywołania zwrotnego z argumentem

Używanie parseInt() z metodą map(). The parseInt()> funkcja konwertuje ciągi znaków na liczby całkowite. Kiedy używany z map()> , konwertuje każdy element tablicy ciągów na liczby całkowite.

Przykład: Tutaj używamy parseintu z map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); konsola.log(liczby całkowite); // Dane wyjściowe: [10, 20, 30] 

[ 10, 20, 30 ] 

Mamy pełną listę metod Javascript Array. Aby je sprawdzić, przejrzyj tę instrukcję Tablica JavaScript Pełne odniesienie artykuł.

Mamy ściągawkę dotyczącą języka JavaScript, w której omówiliśmy wszystkie ważne tematy dotyczące języka JavaScript, aby je sprawdzić Ściągawka JavaScript — podstawowy przewodnik po JavaScript .

JavaScript jest najbardziej znany z tworzenia stron internetowych, ale jest również używany w różnych środowiskach innych niż przeglądarka. Postępując zgodnie z poniższymi wskazówkami, możesz nauczyć się języka JavaScript od podstaw Samouczek JavaScript I Przykłady JavaScriptu .