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

我需要使用Javascript制作2D图像数组，并编写了以下内容：-

  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成功，而其他一切都失败了？

肖恩

最佳答案

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();
  ...