Question

我正在尝试在测验中填充答案列表。正确答案始终是数据对象中的a0。我怎么能这样做，所以第一个答案并不总是正确的答案？非常感谢提示！

JS：

data = [
        {"q":"How much?", "a0":"20%", "a1": "1%", "a2": "10%", "a3": "5%"},
        {"q":"What", "a0":"Ball", "a1": "Stone", "a2": "Bierd", "a3": "Carl"},
        {"q":"When?", "a0":"1999", "a1": "2000", "a2": "2001", "a3": "2002"}
        ];

function addData() {

var ids =['a','b','c','d'];
for (var j=0; j < ids.length; j++) {

    //Populate answers into list
    document.getElementById(ids[j]).innerHTML = data[q]['a'+j];

    //Add class 'correct' to the li with the right answer (always a0 in the data object)
    if (j==0) {
    document.getElementById(ids[j]).setAttribute('class', 'correct');
    }
};
}

HTML：

<ul class="answers_quiz">
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
</ul>

Answer 1

使用随机数对数组进行排序：

var ids =['a','b','c','d'];
ids.sort(function(x, y) {
    return parseInt(Math.random() * ids.length);
});
for (var j=0; j < ids.length; j++) {
    //.....
}

Live test case。（随机排序）

Answer 2

您可以生成一个随机数，并将其用作数组的位置，当然要始终验证它的长度和数字。

您可以使用以下内容生成随机数：

var randomnumber = Math.random();

Answer 3

您可以随机排序数组以及排序顺序。

您的数组是字符串数组，并且您的答案以字母顺序排列并不重要，因此您可以尝试按字母方式对其进行排序。

以下示例是对字符串数组进行排序。

//Sort alphabetically and ascending:
var myarray=["Bob", "Bully", "Amy"]
myarray.sort() //Array now becomes ["Amy", "Bob", "Bully"]

//Sort alphabetically and descending:
var myarray=["Bob", "Bully", "Amy"]
myarray.sort()
myarray.reverse() //Array now becomes ["Bully", "Bob", "Amy"]

参考http://www.javascriptkit.com/javatutors/arraysort.shtml

现在，如果您想按索引对其进行排序，可以使用以下内容。

function randomSort(a,b) {
    return( parseInt( Math.random()*10 ) %2 );
}

var arlene = new Array( 1, 2, 3, 4, 5 );
alert( arlene.sort(randomSort).toString() );

参考http://freewebdesigntutorials.com/javaScriptTutorials/jsArrayObject/randomizeArrayElements.htm

Answer 4

这保持了答案的顺序，改变了哪个是第一个。

在for循环之前创建随机整数：var offset=Math.floor(Math.random()*ids.length)，然后循环中的第一件事做var idx='a'+((j+offset)%ids.length)。而不是data[q]['a'+j]使用data[q][idx]，而是在idx=="a0"而不是j==0时设置类更正。

如何添加一些随机性来填充此列表？

4 个答案: