$.each() 未正确迭代数组

Question

我在使用 jQuery 迭代关联数组时遇到问题。我在 html 页面中有四个跨度...并且我使用 json 形成一个由 text() 值组成的数组，以构建维度数组

var export_pkg = { 
           height : $('#cubeiq_hght').text(),
           length : $('#cubeiq_lnth').text(), 
            depth : $('#cubeiq_wdth').text(), 
           weight : $('#cubeiq_wght').text() 
};

$.each(export_pkg, function(key,value){

    alert(key + ' ' + value);

});

出于某种原因，我无法弄清楚...export_pkg 的长度始终是数组内长度的文本值。 Firefox 和 IE 的开发工具都显示 export_pkg 是一个包含 4 个项目的数组，并且它具有正确的值。但是当我到达 $.each 块时...它忽略该对象并仅使用第二个条目作为对象的长度。

示例：如果数组具有 {length: 10}，则无论其他值是什么，警报框都会出现 10 次。我一生都无法弄清楚为什么它没有像我预期的那样运行 4 次。

这是一个 jslint 链接 http://jsfiddle.net/fFDfU/

Answer 1

首先，您使用的不是数组，而是一个对象。但是您可以根据需要使用 each 迭代对象属性。

each 使用 length 属性来查看需要迭代的项目数。由于对象中有一个length，它会混淆each。

我建议您更改该属性名称： http://jsfiddle.net/ErickPetru/fFDfU/1/< /a>

Answer 2

你拥有的不是一个对象数组，而是一个具有属性的对象。数组是这样定义的：

var array = [ 
{ 
    height : $('#cubeiq_hght').text(),
    length : $('#cubeiq_lnth').text(), 
    depth : $('#cubeiq_wdth').text(), 
    weight : $('#cubeiq_wght').text() 
}, 
{
    height : $('#cubeiq_hght').text(),
    length : $('#cubeiq_lnth').text(), 
    depth : $('#cubeiq_wdth').text(), 
    weight : $('#cubeiq_wght').text() 
}, 
{
    ...
}
];

然后你可以循环：

$.each(array, function() {
    alert(this.height + ' ' + this.length + ...);
});

为了实现你想要实现的目标（循环遍历对象的属性），你可以这样做：

for (var propertyName in export_pkg) {
   alert(propertyName + ' ' + export_pkg[propertyName]);   
}

Answer 3

您的对象具有 length 属性，$.each 使用该属性来迭代数组。既然你定义了它，你就搞砸了该方法的行为。尝试将名称更改为其他名称，例如 _length

var export_pkg = { height : '10', _length : '3', depth : '30',  weight : '40' };