你可以在这里看到一个有效的例子:
http://jsfiddle.net/bwhitney/ZDHp4/1/
我正在尝试在javascript中创建一个对象数组。当我尝试访问对象时,我得到“未定义”输出。以下是一些示例代码:
var dates = [];
var beginDate1 = new Date("01 / 01 / 01");
var endDate1 = new Date("02 / 02 / 02");
var beginDate2 = new Date("03 / 03 / 03");
var endDate2 = new Date("04 / 04 / 04");
// this outputs the correct dates
alert("before: " + beginDate1 + "--" + endDate1);
alert("before: " + beginDate2 + "--" + endDate2);
dates.push({
"beginDate": beginDate1,
"endDate": endDate1
}, {
"beginDate": beginDate2,
"endDate": endDate2
});
var date;
for (date in dates) {
// this outputs "date: undefined--undefined"
// why would that be?
alert("after: " + date.beginDate + "--" + date.endDate);
}
答案 0 :(得分:6)
JavaScript中的for ... in
循环为您提供了对象中的键,而不是值。
你真的应该使用数字索引:
for (var date = 0; date < dates.length; ++date) {
alert("date " + date + " is: " + dates[date]);
}
使用for ... in
迭代键不会只选取数字索引的数组元素;它在数组上运行,就像它们是普通的普通对象一样。其他属性也将被拾取,而且你甚至不能保证它会按升序数字顺序排列!
答案 1 :(得分:1)
每个循环的常见错误。 date
是dates
的索引。你应该写:dates[date].beginDate
。
答案 2 :(得分:0)
当使用for..in循环时,变量被赋予键,而不是值!
for (date in dates) {
alert('after: ' + dates[date].beginDate ...);
}
答案 3 :(得分:0)
for ... in
与数组不同,您可以使用常规for
这样的小提琴:http://jsfiddle.net/bwhitney/ZDHp4/1/