Fisher-Yates 洗牌表行

Question

我打算使用 Fisher-Yates 洗牌来洗牌给定表的现有行，例如：

<table>
    <tbody id="parent">
        <tr id="node1">
            <td>1</td>
            <td>A</td>
        </tr>
        <tr id="node2">
            <td>2</td>
            <td>B</td>
        </tr>
        <tr id="node3">
            <td>3</td>
            <td>C</td>
        </tr>
        <tr id="node4">
            <td>4</td>
            <td>D</td>
        </tr>
        <tr id="node5">
            <td>5</td>
            <td>E</td>
        </tr>
        <tr id="node6">
            <td>6</td>
            <td>F</td>
        </tr>
    </tbody>
</table>

在 JQuery 的帮助下，我有以下几点：

var parent = $("#parent");

function shuffleRows(parent) {
    var rows = parent.children();
    for (var i = rows.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = rows[i];
        rows.eq(i - 1).after(rows[j]);
        rows.eq(j - 1).after(temp);
    }
}

shuffleRows(parent);

这里有一个工作示例：http://jsfiddle.net/98q9S/

但是，当我测试上述内容时，我不禁注意到A 行比其他行更频繁地获得首位，有时连续两次随机播放会产生确切的行序列。

不知道是不是我的实现有什么问题，还是只是我的样本量太小了。

Answer 1

我在使用该算法制作的玩具应用程序中发现了类似的东西。我最终选择了我在这个网站上找到的另一个解决方案。希望对您有所帮助：

makeArrRandom = function(array) {

  var counter = array.length, temp, index;
  while (counter > 0) {
    index = Math.floor(Math.random() * counter);
    counter--;
    temp = array[counter];
    array[counter] = array[index];
    array[index] = temp;
  }
  return array;
};