0

我正在尝试创建一个简单的内存匹配游戏，但我无法从我的 cardValues 数组中为每个表格单元格分配一个数字。我的 giveCellValue 函数应该生成一个随机数，然后从数组中选择该数字并将其提供给其中一个表格单元格，但我对此有点过头了，无法完成这项任务。

var countCells;
var cardValues = [];
var checker = true;
var createTable = function (col, row) {
    $('table').empty();
    for (i = 1; i <= col; i++) {
        $('table').append($('<tr>'));
    }
    for (j = 1; j <= row; j++) {
        $('tr').append($('<td>'));
    }
    countCells = row * col;
};
createTable(3, 6);
for (i = 1; i <= countCells / 2; i++) {
    cardValues.push(i);
    if (i === countCells / 2 && checker) {
        checker = false;
        i = 0;
    }
}

var giveCellValue = function () {
    var random = Math.ceil(Math.random() * cardValues.length) - 1;
    for (i = 0; i <= cardValues.length; i++) {
        $('td').append(cardValues[random]);
        cardValues.splice(random, 1);
    }
};

giveCellValue();
console.log(cardValues);
4

2 回答 2

1

采用

var countCells;
var cardValues = [];
var checker = true;

var createTable = function (col, row) {
    $('table').empty();
    for (var i = 0; i < col; i++) {
        $('table').append($('<tr>'));
    }
    for (var j = 0; j < row; j++) {
        $('tr').append($('<td>'));
    }
    countCells = row * col;
};
createTable(3, 6);

for (i = 0; i < countCells; i++) {
    cardValues.push(i % 9 + 1);
}

var giveCellValue = function () {
    var len = cardValues.length, tds = $('td');
    for (var i = 0; i < len; i++) {
        var random = Math.floor(Math.random() * cardValues.length);
        tds.eq(i).append(cardValues.splice(random, 1));
    }
};

giveCellValue();
console.log(cardValues);

演示：小提琴

于 2013-06-24T08:41:40.740 回答
0

撇开上面评论中已经提到的问题......

如果我理解正确，您想将 cardValues 中的每个数字分配给一个随机表格单元格吗？

似乎问题出在这一行：

var random = Math.ceil(Math.random() * cardValues.length) - 1;

这样做是生成一个随机数一次。如果您random稍后访问该变量，则不会再次调用整行代码，您只会获得与第一次计算的相同值。例如，如果上面的代码运行，吐出 '7' 作为它的随机数并将其存储在 中random，那么每次你通过 for 循环时，值random将始终为 '7' 而不是每次都重新生成 - make感觉？

尝试将随机化器放在for 循环中 - 这样它将多次运行，每次生成一个新的随机数：

var giveCellValue = function () {
    var random;
    for (i = 0; i <= cardValues.length; i++) {
        random = Math.ceil(Math.random() * cardValues.length) - 1;
        $('td').append(cardValues[random]);
        cardValues.splice(random, 1);
    }
};

实际上，我将上面的第 4 行random = Math.floor(Math.random() * cardValues.length);也更改为应该具有相同效果。

于 2013-06-24T08:45:00.763 回答