Impara Metodi degli Array `map`, `filter`

Scorri per mostrare il menu

Gli array spesso devono essere trasformati o filtrati per creare nuove versioni basate sui dati esistenti. JavaScript offre metodi di array di ordine superiore come map e filter che rendono questi compiti concisi e leggibili.

Questi metodi permettono di evitare cicli manuali e di concentrarsi su ciò che si vuole ottenere dai dati, piuttosto che su come farlo passo dopo passo. L'utilizzo di metodi di ordine superiore porta a un codice più facile da mantenere, comprendere e riutilizzare.


              123456
            
// Using map to create a new array with doubled values
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Quando si utilizza map, JavaScript crea un nuovo array chiamando la funzione una volta per ogni elemento dell'array originale. Il valore restituito dalla funzione diventa il nuovo valore nell'array risultante e l'array originale non viene modificato.


              123456
            
// Using filter to create a new array with only even numbers
const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens); // [2, 4, 6]

Con filter, la funzione deve restituire true per mantenere un elemento o false per escluderlo. Solo gli elementi che superano la funzione di test vengono inclusi nel nuovo array, mentre l'array originale rimane invariato.

Sia map che filter eseguono internamente il ciclo sull'array, quindi non è necessario scrivere un ciclo manuale: gestiscono loro stessi l'iterazione e la creazione del nuovo array.

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 14

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Sezione 1. Capitolo 14