多維數組在javascript中迭代時會返回幾個未定義的值

Question

我有一個多維數組，該數組在每個子數組的最后一個值之后返回undefined。 這是我的代碼：

 var bigArray = [ [1, 2, 3], [4, 5, 6], [7, 8, 9], [10, 11, 12] ]; for (i = 0; i < bigArray.length; i++) { for (j = 0; j <= bigArray[i].length; j++) { console.log(bigArray[i][j]); } } 

Answer 1

從第二個循環的條件中刪除=部分。 您嘗試訪問數組范圍之外的元素。 另外，使用var, let或const聲明變量-在使用i和j的情況下。

 var bigArray = [ [1,2,3], [4,5,6], [7,8,9], [10,11,12] ]; for(var i = 0; i < bigArray.length; i++) { for(var j = 0; j < bigArray[i].length; j++) { console.log(bigArray[i][j]); } } 

Answer 2

在這種情況下，“。length”方法將返回該數組中元素的總數，但是數組索引從0開始。因此，如果數組包含n個元素，則最后一個元素的數組索引將為n-1。 而且，如果您嘗試訪問索引為n的數組，它將返回ArrayIndexOutOfBound異常。 您可以嘗試此代碼

var bigArray = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
  [10, 11, 12]
];
for (i = 0; i <= bigArray.length-1; i++) {
  for (j = 0; j <= bigArray[i].length-1; j++) {
    console.log(bigArray[i][j]);
  }
}