Metoda map

Metoda map wywołuje zadaną funkcję dla każdego elementu zestawu. Jest szczególnie przydatna do uzyskiwania lub ustawiania wartości kolekcji elementów. Metoda map zwraca na nowo utworzony zestaw różnych elementów i obiektów, w przeciwieństwie do metody each, która zwraca oryginalny zestaw elementów.

Składnia

Same elementy są dostępne w funkcji, w zmiennej this, a ich numery porządkowe w zestawie — w zmiennej index:

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

Przykład

Wyświetlmy na ekranie listę nazw id elementów, rozdzielonych przecinkami. Wykorzystajmy również metody get i join:

html<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>

javascriptconsole.log(
  $('p').map(
    function() {
      return this.id; 
    }
  ).get().join()
);

Zobacz też