二维数组中增强的 for 循环 - JavaScript

Question

我在 Javascript 中创建了以下 2D 数组，

// Create basic linear array
var ImgArray = new Array(4);

// Do the 2D array for each or the linear array slots
for (i=0; i < 4 ; i++) {
    ImgArray[i] = new Array(4)
}

现在我想使用 2 个“增强的 for 循环”对其进行迭代。但我一直不知道如何使用循环，因为只有 ImgArray 声明了这样的循环。例如;

// Load the images
for(var i in ImgArray) { 
    for( ??? ) {           // How would i do this? What do i state as an array?
          ///...
    }
    document.write("<br>");
}

任何建议都很感激

Answer 1

假设您创建了数组，循环如下所示：

var i, j, entry, ImgArray;

// Create the array
ImgArray = new Array(4);
for (i=0; i < 4 ; i++) {
    ImgArray[i] = new Array(4);
}

// Loop through both dimensions
for (i = 0; i < ImgArray.length; ++i) {
    entry = ImgArray[i];
    for (j = 0; j < entry.length; ++j) {
        // Do something with entry[j]
    }
}

这是因为 JavaScript 中没有二维数组。 （事实上​​，即使数组也不是真正的数组，但是我们不去那里。）有“数组”，一个数组条目可以是另一个数组，但一个数组条目可能比其他数组条目更长或更短。因此，您检索该数组并循环遍历其长度，该长度可能与同一“维度”中的其他数组不同。

请注意，我上面没有使用 for..in 。 不要使用for..in来循环数组，除非你真的知道自己在做什么； 详细信息。 （如果您确实知道自己在做什么并采取了足够的预防措施，那很好，但是您引用的代码没有采取必要的预防措施。）for..in 不迭代数组的索引，而是枚举对象的属性名称。

题外话#1：在 JavaScript 中，约定（您可以随意忽略）是仅对构造函数使用首字母大写 (ImgArray)。

题外话#2：您可能会考虑使用数组文字 ([entry,entry,entry])，而不是 new Array(...)，但这取决于你在做什么。

题外话＃3：依赖分号插入是一个非常糟糕的主意（就像您的 ImgArray[i] = new Array(4) 行一样）。确保在需要的地方放入分号，否则您会发现无法正确缩小脚本和/或您会遇到浪费时间的奇怪错误。 :-)

Answer 2

这不是“增强的 for 循环”。无论如何，您不应该以这种方式迭代 Array 实例，至少当您将它们在语义上视为整数索引数组时。

使用您原来的

for (var i = 0; i < 4; ++i)

方法（并且不要忘记var）。也不用费心

var ImgArray = new Array(4);

写

var ImgArray = [];

Answer 3

你只需要为两者做一个 for 循环

for (var i in array){
   for(var j in array[i]){//do stuff here}
}