javascript - 在 JavaScript 中使用对象数组

Question

下面的代码使用 JavaScript 工作得非常好。我可以打印 cell[5] 换句话说任何指定的索引值。但我想循环打印它，但它不起作用。有谁知道为什么它不起作用。

$(document).ready(function () {
    var grid_arr = new Array();
    var count = 0;
    var cell;
    cell = {
        x1: 10,
        y1: 10
    };
    alert(cell.x1);
    for (i = 1; i < 10; i++) {
        cell[i] = {
            x1: i * 5,
            y1: i * 2
        };
    }
    alert(cell[5].x1);
});


/* The below for loop does not display any messages: */

for (var j = 0; j < 9; j++) {
    alert(cell[j].x1);
}

Answer 1

运行该代码会抛出TypeError:无法读取未定义的属性“x1”

这意味着 cell[j].x1 的 cell[j] 部分是未定义。

基本上，运行时:

for (var j = 0; j < 9; j++) {
    alert(cell[j].x1);
}

cell[0] 不存在。原因是您的 for 循环开始以不同的数字进行计数。

要么更改第二个 for 循环以从 1 开始计数，要么更改第一个:

for (i = 1; i < 10; i++) {
    cell[i] = {

从 0 开始计数。

尝试在初始化循环的方式上保持一致。最好始终将索引初始化为 0，因为在 JS 中大多数计数都是从零开始的。