Il metodo Map
Fa parte della sezione Logica e flusso del percorso JavaScript di Coddy. Lezione 52 di 65.
Il metodo map() crea un nuovo array con i risultati della chiamata di una funzione fornita su ogni elemento dell’array chiamante. Trasforma ogni elemento e restituisce un nuovo array della stessa lunghezza.
Sintassi di base:
let newArray = arr.map(function(currentValue, index, array) {
// restituisci l'elemento per newArray
});Ecco un semplice esempio:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]Ecco lo stesso esempio con una sintassi più breve:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]Il metodo map() non modifica l’array originale. Restituisce sempre un nuovo array.
Sfida
FacileCrea una funzione chiamata formatNames che accetta come argomento un array di nomi (stringhe). La funzione dovrebbe usare il metodo map() per trasformare ogni nome in modo che sia in formato titolo (la prima lettera di ogni parola maiuscola, le restanti minuscole). Restituisci il nuovo array di nomi formattati.
Provalo tu
function formatNames(names) {
return names.map(name => {
// Scrivi il tuo codice qui
})
}
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 JSONEsercitati da solo: Compilatore JavaScript online