为什么 javascript 对象在循环遍历数组时输出为“未定义”

Why do javascript objects output as "undefined" when looping through an array?

本文关键字：未定义 输出 数组 对象 javascript 循环 遍历 为什么      更新时间：2023-09-26

你可以在这里看到一个工作示例：

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

JavaScript 中的 for ... in 循环为您提供对象中的键，而不是值。

但是，您确实应该使用数字索引：

for (var date = 0; date < dates.length; ++date) {
  alert("date " + date + " is: " + dates[date]);
}

使用 for ... in 遍历键不仅会拾取数字索引的数组元素;它会对数组进行操作，就好像它们是普通对象一样。其他属性也会被拾取，而且您甚至不能保证它会按数字升序排列！

每个循环的常见错误。 date是dates的索引。你应该写：dates[date].beginDate.

使用 for.在循环中，变量被分配键，而不是值！

for (date in dates) {
    alert('after: ' + dates[date].beginDate ...);
}
for ... in不能

像数组那样工作，你可以使用像下面的常规for：http://jsfiddle.net/bwhitney/ZDHp4/1/

参考：为什么使用"为...在"数组迭代是一个坏主意？

相关文章：