Question

101

jQuery.map - Practical uses for the function?

rated 0 times [ 108] [ 7] / answers: 1 / hits: 38471 / 15 Years ago, thu, april 2, 2009, 12:00:00

I am trying to get a better understanding of the jQuery.map function.

So in general terms .map takes a array and maps it to another array of items.

easy example:

$.map([0,1,2], function(n){

    return n+4;

});

results in [4,5,6]

I think I understand what it does. I want to under why would someone need it. What is the practical use of this function? How are you using this in your code?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

byron

Add To Favorites

Follow

Total Points: 616

Total Questions: 101

Total Answers: 91

Location: Reunion

Member since Wed, Apr 14, 2021

3 Years ago

byron questions

1 How can I export a JSON object to Excel using Nextjs/React?

Wed, Jan 26, 22, 00:00, 2 Years ago

1 How to move to next input field when enter key is pressed?

Sat, Jun 6, 20, 00:00, 4 Years ago

1 How to generate an image from dynamically created HTML in Nodejs?

Wed, Jan 8, 20, 00:00, 4 Years ago

1 How to embed live Google Sheets data into Google Sites

Thu, Nov 7, 19, 00:00, 4 Years ago

1 React not re-rendering after array state update

Wed, Sep 11, 19, 00:00, 4 Years ago

View All

answered 15 Years ago clarissakourtneyb · Accepted Answer

$.map is all about converting items in a set.

As far as the DOM, I often use it to quickly pluck out values from my elements:

var usernames = $('#user-list li label').map(function() {

    return this.innerHTML;

})

The above converts the <label> elements inside a list of users to just the text contained therein. Then I can do:

alert('The following users are still logged in: ' + usernames.join(', '));