javascript - 在 Javascript 中填充二维图像数组时出现问题

Question

我需要 Javascript 中的二维图像数组并编写了以下内容:-

  var arrImages = new Array(3,3);
  var strTemp;
  for (intX=0; intX<3; intX++)
  {
    for (intY=0;intY<3;intY++)
    {
      strTemp = "<br>arrImages[" + intX + "][" + intY + "]";
      try
      {
        arrImages[intX][intY] = new Image();
        document.write(strTemp + " - Success");
      }
      catch (err)
      {
        document.write(strTemp + " - Fail - " + err.description);
      }
    }
  }

这会在 IE 中产生以下内容:-

arrImages[0][0] - 成功
arrImages[0][1] - 成功
arrImages[0][2] - 成功
arrImages[1][0] - 成功
arrImages[1][1] - 成功
arrImages[1][2] - 成功
arrImages[2][0] - 失败 - 预期对象
arrImages[2][1] - 失败 - 预期对象
arrImages[2][2] - 失败 - 需要对象

在 Firefox、Chrome 和 Safari 中，“预期对象”显示为“未定义”。

有谁知道为什么 0,0 -> 1,2 成功但其他一切都失败？

肖恩。

Answer 1

var arrImages = new Array(3,3);

相当于

var arrImages = [3, 3];

(Documentation on MDN here)

所以 arrImages[2] 是未定义的，其中索引 0 和 1 实际上包含对象。请注意，javascript 数组不是固定大小的，因此您在创建它们时无需指定长度。

您需要手动创建多维数组，例如:

arrImages = new Array();
for (intX=0; intX<3; intX++)
{
  arrImages[intX] = new Array();
  ...