Javascript で 2 次元配列を埋めるのに本当に苦労しています。
「ボード」に追加したい文字がたくさんある別の配列がありますが、ボードでさえ正しく機能していないようです。draw Board メソッドを使用して Web ページにボードを印刷しようとすると、文字 A の場所に NaN が返されます。残りは数字の 0 を表示しています。
var ROW = 10;
var COLUMN = 10;
var board = [['A', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]];
function drawBoard(board) {
var str = '';
for (var x = 0; x < ROW; x++){
str += '<div class="row">';
for (var y = 0; y < COLUMN; y++){
str += '<div class="column">' +
+ board[x][y] + '</div>' + '</div>';
}
str += '</div>';
}
$('#board').append(str);
}
$(function(){
drawBoard(board);
});
私がやりたいのは、この文字列を持っていることです:
var Letters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M'];
board[x][y] = Letters.pop() だけの for ループを作成します。そして、新しい文字でボードを表示します。
2 つの for ループを実行するだけでなく、配列を 2 次元配列に追加するより良い方法はありますか? ボードに文字ではなく NaN が表示されるのはなぜですか。私は多くの異なることを試しました。