Iterare gli elementi dell'array utilizzando .Metodo della mappa in JavaScript

JavaScript è uno dei linguaggi di scripting più noti che offrono array per archiviare elementi diversi con lo stesso nome. Esistono diversi metodi disponibili in JavaScript attraverso i quali possiamo iterare su array ad esempio per ciclo continuo, Mentre ciclo continuo, per ciascuno metodo, e molto più ma il più comune tra tutti questi è il carta geografica() metodo.

Questo articolo spiega come iterare tramite elementi dell'array usando il .carta geografica() Metodo in JavaScript.

Cos'è il metodo Map ()?

IL carta geografica() Il metodo è un metodo array integrato che itera attraverso l'array ed esegue una funzione su ciascun elemento nell'array.

• L'array originale rimane lo stesso di questa funzione restituisce un nuovo array con la stessa lunghezza.
• Va anche notato che il carta geografica() Il metodo non esegue per un array vuoto.

Sintassi del metodo Map ():

myarray.mappa ((valore, indice, array) =>
ritorno;
);

Il metodo MAP ha una funzione di callback (l'equivalente asincrono di una funzione) che accetta tre parametri:

• Valore: È il valore o l'elemento corrente dell'array
• Indice: È l'indice corrente dell'elemento array su cui sta eseguendo la funzione.
• Vettore: È l'array target.

Esempio 1

In questo esempio, itereremo attraverso un array moltiplicando ogni elemento dell'array con 2:

// un array
constmynumbers = [4, 8, 9, 15, 20];
// Moltiplica ogni elemento di array con 2
constmultipliedWithtwo = mynumbers.mappa ((value) =>
Valore di ritorno*2;
);
// Visualizza l'array restituito
console.registro (moltiplicatowithtwo);

Nel codice sopra prima, abbiamo inizializzato un array e quindi applicato il carta geografica() Metodo sull'array originale. All'interno della funzione, abbiamo restituito il valore moltiplicato per due. Va notato che i parametri dell'indice e dell'array possono essere omessi quando non si desidera usarli. L'array risultante viene immagazzinato in moltiplicatowithtwo variabile e quindi abbiamo visualizzato questa variabile usando il console.tronco d'albero() metodo.

Possiamo vedere nell'output sopra che ogni elemento dell'array originale viene moltiplicato per 2 e abbiamo ottenuto il risultato desiderato.

Quando l'operazione si esegue su ciascun elemento è di una riga di codice, il modo più semplice e pulito di implementare il carta geografica() Viene utilizzato il metodo che è riportato di seguito:

// un array
constmynumbers = [4, 8, 9, 15, 20];
// Moltiplica ogni elemento di array con 2
constmultipliedWithtwo = mynumbers.mappa ((valore) => valore*2);
// Visualizza l'array restituito
console.registro (moltiplicatowithtwo);

Non ci sono parentesi ricci e ritorna.

L'output è ancora lo stesso come visto nello screenshot sopra.

Esempio 2

Diamo un'occhiata a un altro esempio in cui iterirà attraverso una serie di stringhe:

// un array
constFirstNames = ["super", "bat", "ragno", "ferro"];
// Aggiungi uomo con ogni stringa nell'array
RASTHEROESNAMES = FirstNames.mappa ((valore) => valore+"uomo");
// Visualizza l'array restituito
console.registro (nomi eroi);

Nel codice sopra, in primo luogo, abbiamo inizializzato un array con i nomi dei famosi supereroi. Quindi abbiamo applicato il carta geografica() metodo su quel array in cui abbiamo concatenati la stringa "Uomo" con ogni elemento del primo nome vettore. Alla fine, abbiamo visualizzato l'array restituito dal carta geografica() Metodo usando la console.Metodo log ():

Possiamo vederlo con ogni elemento Uomo è stato concatenato.

Conclusione

Per iterare su un array JavaScript ci offre una varietà di tecniche tra cui i loop e il per ciascuno() metodo. Tuttavia, la tecnica di iterazione più famosa è il carta geografica() metodo. IL carta geografica() Il metodo esegue per l'elemento di ciascun array e restituisce un nuovo array che ha la lunghezza esattamente uguale all'array originale.

Questo post spiega come iterare attraverso un array usando il carta geografica() Metodo in JavaScript insieme a due esempi.