The metoda map() în JavaScript creează o nouă matrice aplicând o funcție fiecărui element din tabloul original. Omite elementele goale și nu modifică matricea originală, făcându-l ideal pentru transformarea datelor.

O caracteristică notabilă a metodei map() este gestionarea elementelor goale. Omite automat executarea funcției de apel invers pentru aceste elemente, concentrându-se exclusiv pe procesarea valorilor nevide. Acest comportament asigură o procesare eficientă și simplificată, îmbunătățind performanța generală a transformărilor matricei.

Sintaxă:

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

Parametri:

• element: Este un parametru obligatoriu și deține valoarea elementului curent.
• index: Este un parametru opțional și deține indexul elementului curent.
• arr: Este un parametru opțional și deține matricea.

Valoare returnată:

Returnează o nouă matrice, iar elementele matricei sunt rezultatul funcției de apel invers.

Exemplu: Aici, folosim map()> metodă de a crea o nouă matrice care să conțină rădăcinile pătrate ale fiecărui număr din tabloul original.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(num)); console.log(squareRoots); // Ieșire: [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

Exemplu : Acest exemplu folosește metoda array map() și returnează pătratul elementului matrice.

// 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 } ] 

Exemplu: Acest exemplu folosește metoda array map() pentru a concatena caracterul „A” cu fiecare caracter al numelui.

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

Folosind o funcție de apel invers cu un argument

Folosind parseInt() cu metoda map(). The parseInt()> funcția convertește șiruri de caractere în numere întregi. Când este folosit cu map()> , convertește fiecare element al unei matrice de șiruri de caractere în numere întregi.

Exemplu: Aici, folosim parseint cu map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(întregi); // Ieșire: [10, 20, 30]>>>   
  Ieșire    Avem o listă completă de metode Javascript Array, pentru a le verifica, vă rugăm să parcurgeți aceasta   Javascript Array Referință completă   articol.  
  
 Avem o Cheat Sheet pe Javascript unde am acoperit toate subiectele importante despre Javascript pentru a le verifica, vă rugăm să le parcurgeți   Javascript Cheat Sheet-Un ghid de bază pentru JavaScript   .  
  
 JavaScript este cel mai bine cunoscut pentru dezvoltarea paginilor web, dar este folosit și într-o varietate de medii non-browser. Puteți învăța JavaScript de la zero urmând aceasta   Tutorial JavaScript   și   Exemple JavaScript   .