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

Question

我在 Javascript 中创建了以下二维数组

// 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 中没有二维数组。 （事实上​​，即使是arrays aren't really arrays，但我们不要去那里。）有“数组”，一个数组条目可以是另一个数组，但一个数组条目可能比其他数组条目更长或更短。因此，您检索该数组并循环遍历 its 长度，这可能与同一“维度”中的其他数组不同。

请注意，我没有在上面使用for..in。 不要使用for..in 循环遍历数组，除非你真的知道自己在做什么； details here。 （如果您确实真的知道自己在做什么并采取足够的预防措施，那很好，但您引用的代码没有采取必要的预防措施。）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}
}