javascript - 在 Javascript 中向二维数组添加字符

Question

我真的很难尝试用 Javascript 填充我的二维数组。

我有一个不同的数组，其中有很多字母，我想将它们添加到我的“板”中，但即使是板似乎也无法正常工作。每当我尝试使用绘制板方法将板打印到网页时，我会在字母 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'];

创建一个 for 循环以仅 board[x][y] = Letters.pop()。然后显示带有新字母的板。

是否有比仅运行两个 for 循环更好的方法将数组添加到二维数组？为什么我的主板显示 NaN 而不是字母。我尝试过很多不同的事情。

Answer 1

回答第一个问题。如果你看看你的代码:

       str += '<div class="column">' +
        + board[x][y] + '</div>' + '</div>';

添加board[x][y]<时，您可以看到您有一个+ +board[x][y]，而不是+/。一元 + 尝试将 board[x][y] 的值转换为数字，然后连接给出 NaN 错误(如 @贝尔吉指出)。

要将元素添加到数组末尾，您可以使用 push() 方法(在您的情况下为board.push(Letters))。这会将元素(可以是数组)放置在数组的末尾。

如果您想替换数组中的一行，可以使用board[x] = Letters。