javascript - 如何使用 JavaScript 随机化有序列表

Question

这个问题已经有答案了:

How to randomize (shuffle) a JavaScript array? (71 个回答)

已关闭 8 年前。

我正在做一个包含问题的测试。

我希望问题随机出现在页面上，而不是按顺序列表出现。

这是我的 HTML:

<ol id = "questionList">
<li id="question">Question text<br/></li>
<li id="question">Question text<br/></li>
</ol>

这是我的 JavaScript:

var questionsList = document.getElementById('question');
var questionArray=[];
var randomize;

for (var i=0; questionsList.length>0; i++) {
        questionArray[i]=questionList[i];
}
randomize = questionArray.Math.random()*questionList.length;

document.getElementById("questionsList").innerHTML= randomize;

我不知道如何让问题随机出现，而不是从 #1 降到 #10。

感谢任何帮助。

Answer 1

问题已被提出 ( How to randomize (shuffle) a JavaScript array? )

但这是基础知识:

可靠的洗牌算法是 Fisher-Yates(又名 Knuth)洗牌。

参见https://github.com/coolaj86/knuth-shuffle

function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex ;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

你可以像这样使用它:

var arr = ["question 1", "question 2"];
shuffle(arr);
console.log(arr);