在jQuery中创建对象数组

Question

我想存储一个纬度/经度数组。我有我的网页上这些输入：

<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" /> 

而且我把它们放入数组，像这样：

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

但我想，这将是更好地将它们存储在单个阵列为对象，这样我就可以说：

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

我怎么能修改此创建对象的数组？

Answer 1

我会用jQuery.map()：

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

Answer 2

这是一种方式：

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); 
} 

我不喜欢假设的东西总是匹配对，即使他们应该的。这就是为什么Math.min在那里。

Answer 3

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