2d陣列不會<br>在javascript

Question

我試圖讓這個2D陣列寫入我的網頁。它確實將它寫在我的網頁上，但不是在我的JavaScript文件中的var之類的下方，我做錯了什麼？我需要改變的東西在我的循環，因爲某些原因，如果這裏不能工作

var zaal1 = 

[ 

[0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0, 
    0,0,0,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,0,0,0, 
    0,0,0,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,0,0,0, 
    0,0,0,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,0,0,0, 
    0,0,0,1,1,1,1,2,2,2,2,2,2,3,3,3,3,2,2,2,2,2,2,1,1,1,1,0,0,0, 
    0,0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,3,2,2,2,2,2,1,1,1,1,1,0,0, 
    0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,3,3,3,2,2,2,2,2,1,1,1,1,1,0, 
    0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,3,3,3,2,2,2,2,2,1,1,1,1,1,0, 
    0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,3,3,3,2,2,2,2,2,1,1,1,1,1,0, 
    0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,3,3,3,2,2,2,2,2,1,1,1,1,1,0, 
    0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,3,3,3,2,2,2,2,2,1,1,1,1,1,0, 
    0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,3,3,3,2,2,2,2,2,1,1,1,1,1,0, 
    0,1,1,1,1,1,1,1,2,2,2,2,2,3,3,3,3,2,2,2,2,2,1,1,1,1,1,1,1,0, 
    0,0,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,0,0, 
    0,0,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,1,0,0, 
    0,0,0,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,1,0,0,0, 
    0,0,0,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,1,1,1,1,1,1,1,1,1,0,0,0, 
    0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0, 
    0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0, 
    0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0] 
    ] 


for (var i = 0; i < zaal1.length; i++) { 

    for (var j = 0; j < zaal1[i].length; j++) { 
    document.write(zaal1); 

    } 

    if ((j + 1) % 30 == 0) 
     document.write("<br />"); 
} 

Answer 1

兩件事情。

首先是您正在爲網頁寫入完整的zaal1變量，而不是通過i和j創建的偏移量。

第二個問題是您輸入<br />的if語句不在基於j的內循環之外。嘗試像這樣移動它：

for (var i = 0; i < zaal1.length; i++) { 

    for (var j = 0; j < zaal1[i].length; j++) { 
     document.write(zaal1[i][j]); 

     if ((j + 1) % 30 == 0) { 
      document.write("<br />"); 
     } 
    } 

} 

但是，這只是基於你想在每一行上有30個值的想法。它可能會更有意義，你的陣列分解成各行：

var zaal1 = [ 
    [0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0], 
    [0,0,0,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,0,0,0], 
    [0,0,0,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,0,0,0] 
]; 

for (var i = 0; i < zaal1.length; i++) { 
    for (var j = 0; j < zaal1[i].length; j++) { 
     document.write(zaal1[i][j]); 
    } 
    document.write('<br />'); 
} 

Answer 2

你<br />條件必須是內環內和document.write整個陣列，而不是隻有一個值輸出：

for (var i = 0; i < zaal1.length; i++) { 
    for (var j = 0; j < zaal1[i].length; j++) { 
     document.write(zaal1[i][j]); // only output one number 
     if ((j + 1) % 30 == 0) document.write("<br />"); // put this inside your inner loop 
    } 
}