ForEach e Map sono uguali?
Fa parte della sezione Logica e flusso del percorso JavaScript di Coddy. Lezione 56 di 65.
Sebbene forEach() e map() siano entrambi metodi degli array usati per iterare, hanno scopi diversi e comportamenti distinti:
forEach():
- Esegue una funzione fornita una volta per ogni elemento dell'array.
- Non crea un nuovo array.
- Restituisce
undefined. - Non può essere concatenato con altri metodi degli array.
map():
- Crea un nuovo array con i risultati della chiamata di una funzione fornita su ogni elemento dell'array.
- Restituisce un nuovo array della stessa lunghezza dell'originale.
- Può essere concatenato con altri metodi degli array.
Esempio:
const numbers = [1, 2, 3, 4];
// forEach
numbers.forEach(num => console.log(num * 2));
// Stampa: 2, 4, 6, 8
// Restituisce: undefined// map
const doubled = numbers.map(num => num * 2);
console.log(doubled);
// Output: [2, 4, 6, 8]
// Restituisce: un nuovo array [2, 4, 6, 8]Usa forEach() quando vuoi eseguire un'operazione su ogni elemento senza creare un nuovo array. Usa map() quando vuoi trasformare ogni elemento e creare un nuovo array con i risultati.
Provalo tu
Questa lezione non include una sfida di codice.
Questa lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Logica e flusso
1Le stringhe in dettaglio
Fondamenti delle stringheIterare sulle stringheTemplate literalsMetodi delle stringheRiepilogo - Intrecciatore di stringhe4JSON Parte 2
Iterare su JSONJSON annidatoOptional chaining in JSONCopia superficiale e profondaRipasso - Negozio di bicicletteRipasso - Sistema solare7Sistema di gestione della biblioteca
Panoramica del progettoAggiungere libri10Gestire il sistema del festival
Panoramica del progettoAggiungere film e sale2Array multidimensionali
Nozioni di base sugli array 2DAccesso agli elementi di un array 2DCicli annidati con array 2DRipasso: array 2DAddizione e sottrazione di matriciArray frastagliatiArray 3D e oltreSchemi comuni con array 2DRipasso: tutto sugli array5Insiemi Parte 1
Che cos'è un insieme?Iterare sugli insiemiAggiungere un elementoRimuovere un elementoVerificare se un elemento esisteDimensione e verifica del vuotoCopiare e svuotareRiepilogo - Nozioni di base sugli insiemi8Argomenti interessanti sugli array
Destrutturazione degli arraySintassi spread negli arrayArray sparsiRiepilogo - Laboratorio sugli array3JSON Parte 1
Che cos'è JSON?Verificare se una chiave esisteMetodi degli oggettiL'operatore spread Parte 1L'operatore spread Parte 2Rimuovere le chiaviRipasso - Manipolare le chiavi in JSON6Insiemi Parte 2
Matematica - Unione di insiemiMatematica - Intersezione di insiemiMatematica - Differenza di insiemiMatematica - Differenza simmetricaSottoinsiemi e sovrainsiemiRiepilogo - Raggruppa gli amici9Metodi avanzati degli array
I metodi Join e SplitIl metodo MapIl metodo FilterIl metodo ReduceConcatenare i metodi degli arrayForEach e Map sono uguali?Il metodo SortI metodi Find e FindIndexRipasso: il maestro delle concatenazioniEsercitati da solo: Compilatore JavaScript online