Creating an object array in jQuery

Question

I want to store an array of latitudes/longitudes. I have these inputs on my page:

<input type="hidden" class="latitude" value="-12.3456" />
<input type="hidden" class="longitude" value="12.3456" />
<input type="hidden" class="latitude" value="98.7654" />
<input type="hidden" class="longitude" value="-98.7654" />

And I'm putting them into arrays like so:

var latitudes = $('.latitude').map(function () { return this.value; }).get();
var longitudes = $('.longitude').map(function () { return this.value; }).get();

But I'm thinking that it would be better to store them in a single array as objects, so that I can say:

$.each(array, function (i, obj) {
    alert(obj.Latitude);
    alert(obj.Longitude);
});

How can I modify this to create an array of objects?

maerics · Accepted Answer · 2011-05-03 20:15:50Z

7

I would use jQuery.map():

$.map(latitudes, function(lat, i) {
  return {latitude:lat, longitude:longitudes[i]};
});

answered May 3, 2011 at 20:15

maerics

157k47 gold badges277 silver badges299 bronze badges

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

1 Comment

Abdullah Jibaly Over a year ago

Nice to know jQuery has a map function!

Abdullah Jibaly · Accepted Answer · 2011-05-03 20:15:31Z

2

var coords = [];
$.each(latitudes, function(index, value) {
    coords.push({'Latitude': value, 'Longitude': longitudes[index]});
});

answered May 3, 2011 at 20:15

Abdullah Jibaly

55.2k45 gold badges129 silver badges201 bronze badges

Comments

James Montagne · Accepted Answer · 2011-05-03 20:21:30Z

0

This is one way:

http://jsfiddle.net/95cga/

var longs=$(".longitude");
var lats=$(".latitude");

var objs=[];

for(var i=0;i<Math.min(longs.length,lats.length);i++){
    var obj={
        "Latitude" : longs.eq(i).val(),
        "Longitude" : lats.eq(i).val()
    }   

    objs.push(obj);
}

I don't like to assume things are always in matching pairs, even if they should be. That's why the Math.min is there.

edited May 3, 2011 at 20:21

answered May 3, 2011 at 20:15

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

Collectives™ on Stack Overflow

Creating an object array in jQuery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related