jquery - $.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 block 时...它忽略该对象并仅使用第二个条目作为对象的长度。

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

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

Answer 1

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

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

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