El Mètode map() en JavaScript crea una nova matriu aplicant una funció a cada element de la matriu original. Omet elements buits i no altera la matriu original, la qual cosa la fa ideal per transformar dades.

Una característica notable del mètode map() és el seu maneig d'elements buits. S'omet automàticament l'execució de la funció de devolució de trucada per a aquests elements, centrant-se únicament en el processament de valors no buits. Aquest comportament garanteix un processament eficient i racionalitzat, millorant el rendiment global de les transformacions de matriu.

Sintaxi:

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

Paràmetres:

• element: És un paràmetre obligatori i conté el valor de l'element actual.
• índex: És un paràmetre opcional i conté l'índex de l'element actual.
• arr: És un paràmetre opcional i conté la matriu.

Valor de retorn:

Retorna una matriu nova i els elements de les matrius són el resultat de la funció de devolució de trucada.

Exemple: Aquí, estem utilitzant el map()> mètode per crear una matriu nova que contingui les arrels quadrades de cada nombre de la matriu original.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(núm)); console.log(arrels quadrades); // Sortida: [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

Exemple : Aquest exemple utilitza el mètode array map() i retorna el quadrat de l'element de la matriu.

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

Exemple: Aquest exemple utilitza el mètode array map() per concatenar el caràcter 'A' amb cada caràcter del nom.

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

Utilitzant una funció de devolució de trucada amb un argument

Utilitzant parseInt() amb el mètode map(). El parseInt()> La funció converteix les cadenes en nombres enters. Quan s'utilitza amb map()> , converteix cada element d'una matriu de cadenes en nombres enters.

Exemple: Aquí, estem utilitzant parseint amb map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log (nombres enters); // Sortida: [10, 20, 30]>>>   
  Sortida    Tenim una llista completa de mètodes Javascript Array, per comprovar-los, si us plau, aneu a través d'això   Javascript Array Referència completa   article.  
  
 Tenim un full de trucs sobre Javascript on vam cobrir tots els temes importants de Javascript per comprovar-los si us plau   Full de trucs de Javascript: una guia bàsica de JavaScript   .  
  
 JavaScript és més conegut per al desenvolupament de pàgines web, però també s'utilitza en una varietat d'entorns que no són de navegador. Podeu aprendre JavaScript des de la base seguint això   Tutorial de JavaScript   i   Exemples de JavaScript   .