How can I select data from an array in JQuery?

Question

I currently have an array as structured below:

var locations = [
{
    lat: 54.603928, //latitude 
    lon: -5.915033, //longditude
    title: 'Odyssey Arena, Belfast', //name of venue
    html: [ //the HTML that appears inside the map tooltips
        '<h4>Odyssey Arena, Belfast.</h4>', //name of venue
        '<p>23rd March 2015</p>' //date of venue
    ].join(''), //Joins the HTML 
    icon: '//maps.google.com/mapfiles/markerA.png', //the marker for the location on the google map
    zoom: 7//makes the map zoom in closer to the location when clicked
},
{
    lat: 53.347496,
    lon: -6.228508,
    title: 'O2 Arena, Dublin',
    html: [
        '<h4>CO2 Arena, Dublin.</h4>',
        '<p>20th March 2015</p>'
    ].join(''),
    icon: '//maps.google.com/mapfiles/markerB.png',
    zoom: 7
}];

I need to extract the title value from each and place it in a new array.

T J · Accepted Answer · 2014-10-21 18:57:27Z

2

You can use the .map() method:

var newArray = $.map(locations, function(item){
  return item.title;
});

edited Oct 21, 2014 at 18:57

answered Oct 21, 2014 at 18:49

T J

43.2k13 gold badges87 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Scimonster · Accepted Answer · 2014-10-21 18:49:06Z

1

This is not an associative array, but just an array of objects. You also don't need jQuery.

locations.map(function(l){return l.title})

Here, i use ES5 Array.map() to get the title property of each array item (not supported IE8 and under).

answered Oct 21, 2014 at 18:49

Scimonster

33.4k10 gold badges79 silver badges92 bronze badges

1 Comment

Rafty Over a year ago

Thanks, I noticed after it wasn't an associate array so I quickly edited the title.

Isfar Ahmad Sifat · Accepted Answer · 2014-10-21 18:56:58Z

0

for ( var i = 0; i < locations.length; i++ ) {
    console.log (locations[i].title);
}

You can also use for...in statement for iterating through objects.

answered Oct 21, 2014 at 18:56

Isfar Ahmad Sifat

36 bronze badges

1 Comment

Isfar Ahmad Sifat Over a year ago

Sorry! I didn't notice the "placing into array" part... :(

Collectives™ on Stack Overflow

How can I select data from an array in JQuery?

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related