Il metodo map() di Javascript

Il metodo map() del linguaggio Javascript itera gli elementi di un array, li elabora tramite una funzione e salva il risultato in un altro array

map(x)

Il parametro x è il nome di una funzione con tre parametri (value, index, array).

Il metodo map() chiama la funzione x passandogli uno alla volta gli elementi dell'array. Poi restituisce un risultato.

Il metodo map() è un metodo predefinito degli array.

Nota. Il metodo map() funziona in modo simile al metodo forEach(). Entrambi i metodi iterano gli elementi dell'array tramite una funzione. Tuttavia, a differenza del metodo forEach(), il metodo map() mi permette di ottenere un valore di ritorno dopo l'elaborazione.

    Un esempio pratico

    In questo script definisco un array (numeri) con cinque elementi

    var numeri = new Array(1, 2, 3, 4, 5);

    function raddoppia(value, index, array)
    {
    var risultato = value * 2;
    return risultato;
    }

    var numeri2 = numeri.map(raddoppia);
    document.write(numeri2);

    Il metodo map() chiama la funzione raddoppia(), inviandogli gli elementi dell'array in sequenza, uno dopo l'altro.

    La funzione raddoppia() riceve gli elementi dell'array, li moltiplica per due e restituisce il risultato.

    Il risultato viene salvato in un nuovo array (numeri2)

    Il risultato in output è un nuovo array con i valori del precedente array raddoppiati

    2 4 6 8 10

    Il contenuto dell'array iniziale (numeri) è immutato.

    E così via.

     


     

    Segnalami un errore, un refuso o un suggerimento per migliorare gli appunti

    FacebookTwitterLinkedinLinkedin
    knowledge base

    Gli array in Javascript

    I metodi degli array