IL metodo map() in JavaScript crea un nuovo array applicando una funzione a ciascun elemento dell'array originale. Salta gli elementi vuoti e non altera l'array originale, rendendolo ideale per trasformare i dati.

Una caratteristica notevole del metodo map() è la gestione degli elementi vuoti. Salta automaticamente l'esecuzione della funzione di callback per questi elementi, concentrandosi esclusivamente sull'elaborazione di valori non vuoti. Questo comportamento garantisce un'elaborazione efficiente e ottimizzata, migliorando le prestazioni complessive delle trasformazioni dell'array.

Sintassi:

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

parametri:

• elemento: È un parametro obbligatorio e contiene il valore dell'elemento corrente.
• indice: È un parametro opzionale e contiene l'indice dell'elemento corrente.
• arr: È un parametro opzionale e contiene l'array.

Valore di ritorno:

Restituisce un nuovo array e gli elementi degli array sono il risultato della funzione di callback.

Esempio: Qui stiamo usando il map()> metodo per creare un nuovo array contenente le radici quadrate di ogni numero nell'array originale.

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

[ 1, 2, 3, 4, 5 ] 

Esempio : Questo esempio utilizza il metodo array map() e restituisce il quadrato dell'elemento dell'array.

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

Esempio: Questo esempio utilizza il metodo array map() per concatenare il carattere 'A' con ogni carattere del nome.

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

Utilizzo di una funzione di callback con un argomento

Utilizzo di parseInt() con il metodo map(). IL parseInt()> la funzione converte le stringhe in numeri interi. Se utilizzato con map()> , converte ogni elemento di un array di stringhe in numeri interi.

Esempio: Qui stiamo usando parseint con map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(interi); // Risultato: [10, 20, 30] 

[ 10, 20, 30 ] 

Abbiamo un elenco completo di metodi Javascript Array, per controllarli ti invitiamo a consultare questo Riferimento completo per l'array Javascript articolo.

Abbiamo un Cheat Sheet su Javascript in cui abbiamo trattato tutti gli argomenti importanti di Javascript per verificarli, per favore esaminali Javascript Cheat Sheet: una guida di base a JavaScript .

JavaScript è meglio conosciuto per lo sviluppo di pagine Web, ma viene utilizzato anche in una varietà di ambienti diversi dai browser. Puoi imparare JavaScript da zero seguendo questo Esercitazione su JavaScript E Esempi JavaScript .