Come iterare attraverso una mappa in JavaScript
Il seguente contenuto esprime la panoramica di questo post:
- Come iterare attraverso una mappa in JavaScript
- Usando il ciclo "for of" per iterare tramite mappa in javascript
- Utilizzo del metodo di callback per iterare tramite mappa in javascript
Come iterare attraverso una mappa in JavaScript?
In JavaScript, a carta geografica L'oggetto è una combinazione di una coppia di tasti e valore. Questo oggetto viene creato attraverso il Carta geografica() costruttore. IL carta geografica() Il metodo itera attraverso l'oggetto in un array specificato. Per iterare sull'oggetto, il carta geografica() Il metodo si integra con il inserimenti() metodo e restituisce un array attraverso le coppie di valore chiave.
Questa sezione dimostra molti modi per iterare attraverso una mappa in JavaScript.
Metodo 1: Utilizzo del ciclo "per" per iterare tramite mappa in javascript
Per eseguire iterazione, il "Per di di" Loop viene eseguito una volta per ogni coppia di valore chiave carta geografica Oggetti in JavaScript. Innanzitutto, dai un'occhiata alla sintassi del "Per di di" Loop per iterare su una mappa in JavaScript.
Sintassi
per (const x di mappa.inserimenti())In questa sintassi, "X" sta per la coppia di valore chiave e "carta geografica" si riferisce all'oggetto.
Codice
console.Log ("Esempio per iterare attraverso una mappa")var mag_obj = new map ();
mag_obj.set ("cricket", "sport");
mag_obj.set ("mela", "cibo");
per (var [chiave, valore] di mag_obj.inserimenti())
console.log (tasto + "è" + valore);
Il codice sopra è spiegato qui:
- In primo luogo, un oggetto "Mag_obj" è creato attraverso il Carta geografica() costruttore con a nuovo parola chiave.
- Dopodiché, il impostato() Il metodo viene utilizzato per archiviare due valori, "Cricket" E "sport" nel "Mag_obj".
- Allo stesso modo, "Mela" E "cibo" sono impostati attraverso il impostato() metodo.
- Dopodiché, il "Per di di" Loop è implementato con un inserimenti() Metodo che itera su tutti gli elementi e restituisce il nuovo array posizionando "È" tra i valori di cui sopra.
- Finalmente il console.tronco d'albero() Il metodo presenta l'output attraverso la coppia di valore chiave nella finestra della console.
Produzione
L'output lo mostra "Il cricket è sport" E "La mela è cibo" sono concatenati attraverso le coppie di valore chiave.
Metodo 2: usando il metodo di callback per iterare tramite mappa in javascript
IL "carta geografica()"Il metodo viene impiegato come funzione di callback su ciascun elemento dell'array. Di seguito è riportata la sintassi del metodo Map () come funzione di callback:
Sintassi
arr.mappa ((elemento) => operazione)In questa sintassi, il carta geografica() Il metodo itera su ciascuno elemento e poi esegue uno specifico operazione su di essa.
Codice
console.Log ("Esempio per iterare attraverso una mappa")const num = [3, 6, 7, 2, 5]
const new_num = num.mappa (item =>
restituzione elemento * 2
)
console.log (new_num)
La descrizione del codice è fornita qui:
- Un array Num è creato con cinque elementi "3, 6, 7, 2, E 5".
- Dopodiché, il carta geografica() il metodo viene utilizzato per iterare su ciascun elemento dell'array attraverso Num oggetto.
- Il metodo restituisce il nuovo array moltiplicando ogni elemento di 2.
- Alla fine, il console.tronco d'albero() Il metodo viene impiegato per presentare il nuovo array nella finestra della console.
Produzione
L'output lo mostra "[3, 6, 7, 2, 5]" viene convertito in "[6, 12, 14, 4, 10]" moltiplicando ogni elemento con "2" In JavaScript.
Conclusione
JavaScript fornisce il carta geografica() metodo che si integra con il "per di"Loop e inserimenti() Metodi per eseguire l'iterazione attraverso gli oggetti della mappa. IL per loop itera la matrice di elementi attraverso i tasti dell'oggetto. IL inserimenti() Il metodo attraversa un oggetto MAP estraendo i tasti e quindi eseguendo iterazione attraverso valori. Qui, hai imparato molti modi per iterare attraverso un oggetto mappa in JavaScript.