Question

我有一个数组，我们称之为foo。数组的每个元素都包含一个对象。

示例：

var foo = new Array();

var test = new Object();
test.name = "Item name1";
test.price = 20.00;

foo.push(test);

var test = new Object();
test.name = "Item name2";
test.price = 10.00;

foo.push(test);

我现在应该：

foo[0] => object{name: Item name1, price: 20.00}
foo[1] => object{name: Item name2, price: 10.00}

问题：

console.log(foo.length); // 2

for(var x = 0; x < foo.length; x++) { 
     console.log(foo[x]); // foo[x] is undefined 2X
}

为什么我不能循环访问对象数组并以此方式访问它们？我应该能够在for循环中说foo[x].name（或foo[x]['name']）来获取值，但我未定义！谁知道为什么？

更新

由于这个例子是简化的方法，这里是我正在做的完整代码，基本上pkgs在运行时填充了[0]。添加一个新元素（这是一个添加pacakge函数），然后更新值。之后，我需要使用两个包中的新保险值来更新UI，并使用适当的保险值。最后一条评论是有趣的部分。

var pk = $('#shipment_'+shipid).data('pkgs'); 
var pkgs = new Array();
for(index in pk) {
    pkgs.push(jQuery.extend(true, {}, pk[index]));
}
var pkgnum = pkgs.length; // always returns one higher than last index.

// add new pkg to array
pkgs[pkgnum] = new Object();
pkgs[pkgnum].weight = weight;

// overwrite packing slip data.
for(var x = 0; x < pkgs.length; x++) {
    var curPS = new Array();
    var curins = 0;
    for(var y = 0; y < shipmentItems.length; y++) {
        var curqty = parseInt($('#pkgqty-'+y+'-'+x).val());
        var nsrow = jQuery.extend(true, {}, shipmentItems[y]);
        curins += curqty * shipmentItems[y]['price'];
        curPS.push(nsrow);
        curPS[y]['qty'] = curqty;
    }
    pkgs[x].packing_slip = curPS;
    pkgs[x].insurance = Math.ceil(curins);
}

// write pkgs data()
$('#shipment_'+shipid).removeData('pkgs');
$('#shipment_'+shipid).data('pkgs', pkgs);  

// update insurance values
console.log(pkgs); // shows two objects
console.log("len: " + pkgs.length); // len is 2
for(var x = 0; x <= pkgs.length; x++) {
    var insuranceHTML = "$"+pkgs[x].insurance+'<a href="javascript:overrideInsurance('+shipid+','+x+');"><img src="/img/edit2.png" height="16" width="16" alt="" title="Override Insurance Value" align="absmiddle" /></a>';
    $('#pkgins-'+shipid+'-'+x).html(insuranceHTML);
    // pkgs[x] == undefined when x = 1 but not when x=0
}

Answer 1

似乎工作正常：

http://jsfiddle.net/JyLD4/1/

你确定这是问题吗？

Answer 2

你必须有一些其他代码干扰你所拥有的东西。我测试了它，但是得不到相同的结果：

http://jsfiddle.net/Guffa/xaTjd/1/

控制台：

2
Object { name="Item name1", price=20 }
Object { name="Item name2", price=10 }

javascript for循环数组与对象 - 奇怪的结果

2 个答案: