Concatenare i metodi degli array
Fa parte della sezione Logica e flusso del percorso JavaScript di Coddy. Lezione 55 di 65.
Il concatenamento di array ti permette di eseguire più operazioni su un array in una singola istruzione. Questo approccio può rendere il tuo codice più conciso e leggibile.
Ecco un esempio di concatenazione di metodi degli array:
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const result = numbers
.filter(num => num % 2 === 0)
.map(num => num * 2)
.reduce((sum, num) => sum + num, 0);
console.log(result); // 60In questo esempio, partiamo da un array di numeri, filtriamo i numeri dispari, raddoppiamo ogni numero rimanente e poi sommiamo i risultati.
L'ordine del concatenamento è importante. Ogni metodo della catena opera sul risultato del metodo precedente.
Sfida
FacileCrea una funzione chiamata processFruits che accetta un array di oggetti frutta. Ogni oggetto frutta ha le proprietà name (stringa) e quantity (numero).
La funzione dovrebbe usare metodi concatenati degli array per:
- Filtrare i frutti con quantità pari a 0
- Trasformare il nome di ogni frutto in maiuscolo
- Creare una stringa che elenca tutti i frutti con le rispettive quantità, come "APPLE: 5, BANANA: 3"
Un rapido promemoria:
Puoi usare la funzione .join(", ") per convertire un array di stringhe in un'unica stringa.
È possibile concatenare anche la funzione .join():
arr.filter(...)
.map(...)
.join(...)Provalo tu
function processFruits(fruits) {
// Scrivi qui il tuo codice
}
Mettiti alla provaQuesta 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 libri
Cercare per titoloFiltrare per genereSegnare come letto10Gestire il sistema del festival
Panoramica del progettoAggiungere film e saleAggiungere una proiezioneAcquistare bigliettiValutare i filmAnnullare le proiezioni2Array 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