Come mappare, ridurre e filtrare un elemento set usando JavaScript?

Se sei qualcuno come me che ha iniziato il loro percorso di programmazione imparando prima un linguaggio di basso livello come C e poi passando a linguaggi di livello superiore come JavaScript, allora devi essere rimasto sbalordito dal livello di facilità Le lingue forniscono. Puoi sempre trovare un metodo integrato per eseguire compiti complessi in una sola linea. IL carta geografica, ridurre E filtro sono tre di questi metodi che possono essere utilizzati per trasformare i dati memorizzati all'interno di array senza scrivere loop complessi. Questi metodi iterano su interi array, eseguono un po 'di calcolo e quindi restituiscono un nuovo array trasformato. Diamo un'occhiata più da vicino a questi metodi:

Carta geografica()

Inizieremo con il metodo Map () che può essere utilizzato per applicare una funzione a ciascun elemento dell'array. Prende una funzione come argomento che verrà applicato agli elementi dell'array:

let num = [0, 1, 2, 3, 4, 5];
Lascia NUMSquare = num.mappa (elemento => elemento * elemento);
console.log (numsquare);

Se avessimo fatto la stessa cosa usando i loop, il codice avrebbe assomigliato a questo:

let num = [0, 1, 2, 3, 4, 5];
per (let i = 0; i <6; i++)

num [i] *= num [i];

console.log (num);

Ridurre()

Il metodo di riduzione () può essere utilizzato per ridurre tutti i valori presenti all'interno dell'array in un singolo valore. Il seguente codice si applica il metodo Riduci su un array per ottenere la somma dell'intero array:

functionsumarray (risultato, elemento)

Restituzione del risultato + elemento;

let num = [0, 1, 2, 3, 4, 5];
LET SUM = NUM.Ridurre (sumarray);
console.registro (somma);

Questo può essere fatto anche con loop nel modo seguente:

let num = [0, 1, 2, 3, 4, 5];
Lascia che Sum = 0;
per (let i = 0; i <6; i++)

Sum+= num [i];

console.registro (somma);

Filtro()

Il metodo Filter () può essere utilizzato per applicare una determinata condizione sugli elementi di un array e quindi ottenere solo quegli elementi che passano quella condizione. Simile ai due precedenti metodi, Filter () prende anche una funzione di argomento. Questa funzione viene utilizzata per applicare la condizione su ciascun elemento e quindi aggiungerla a un array se passa la condizione. Questo array verrà restituito con il metodo del filtro:

Considera il seguente codice che controlla se l'array contiene multipli di 5:

Sia num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
Let multiples = num.filtro (elemento => elemento % 5 == 0);
console.log (multipli);

Come per i due metodi precedenti, il filtro () può anche essere sostituito con loop ma con loop il codice non sarà così facile da leggere.

Conclusione

Questa guida approfondita ha spiegato l'uso della mappa (), ridurre e filtrare i metodi. Queste funzioni risparmiano un sacco di tempo e rendono il codice elegante e più facile da leggere. Gli sviluppatori possono utilizzare questi metodi per trasformare i dati nei loro array senza scrivere loop complessi.