Metodo map

Il metodo map chiama una determinata funzione per ogni elemento del set. È particolarmente utile per ottenere o impostare i valori di una collezione di elementi. Il metodo map restituisce un set ricostituito di elementi e oggetti diversi, a differenza del metodo each, che restituisce il set originale di elementi.

Sintassi

Gli elementi stessi sono accessibili nella funzione, nella variabile this, e i loro numeri ordinali nel set — nella variabile index:

javascript$(selettore).map(function(index, element));

Esempio

Visualizziamo a schermo un elenco di nomi id degli elementi, separati da virgole. Utilizzeremo anche i metodi get e join:

html<p id="aaa">testo1</p>
<p id="bbb">testo2</p>
<p id="ccc">testo3</p>
javascriptconsole.log(
  $('p').map(
    function() {
      return this.id; 
    }
  ).get().join()
);

Vedi anche

  • metodo filter,
    che filtra gli elementi in base a un selettore specifico
  • metodo each,
    che chiama una determinata funzione per ogni elemento del set