Εργασία με τη μέθοδο map στο jQuery

Η μέθοδος map καλεί μια δεδομένη συνάρτηση για κάθε στοιχείο ενός συνόλου. Είναι ιδιαίτερα χρήσιμη για την απόκτηση ή τον ορισμό τιμών μιας συλλογής στοιχείων.

Η μέθοδος map επιστρέφει ένα επανασχηματισμένο σύνολο διαφορετικών στοιχείων και αντικειμένων, σε αντίθεση με τη μέθοδο each, η οποία επιστρέφει το αρχικό σύνολο στοιχείων.

Ας υποθέσουμε ότι στον HTML κώδικά μας υπάρχουν πολλές παράγραφοι:

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

Ας χρησιμοποιήσουμε τη μέθοδο map για να εμφανίσουμε στην οθόνη μια λίστα με τα ονόματα id των στοιχείων, χωρισμένα με κόμματα. Για κάθε p θα παίρνουμε το id χρησιμοποιώντας τη map και την get. Στη συνέχεια, θα χρησιμοποιήσουμε τη μέθοδο JavaScript join, για να εμφανίσουμε τις τιμές που προέκυψαν ως μια συμβολοσειρά:

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