之前接到的一个项目,需求是这样:
平台:移动端HTML5,全部前端完成
实现功能:答题闯关,答对一道题进入下一道,题目随机从题库中选取。
规则:累计答对9道题则闯关成功,但是累计答错4道题则闯关失败,游戏终止。
解析该如何取题:
假如题库中有50道题,再取题的时候是不用没答完一道题,随机取下一道题的。如果这样的话效率就比较低,逻辑还复杂。
所以最好的方法是,计算每次游戏需要的最大题目数就好,这里可以计算一下,无论用户答对多少,答错多少,每次最多只会使用12道题目。
所以,需求就简化成: 在这个长度50的数组里,随机获取其中12项。
方法如下:
function getRandomArray(arr,num){
//新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组;
var temp_array = new Array();
for (var index in arr) {
temp_array.push(arr[index]);
}
//取出的数值项,保存在此数组
var return_array = new Array();
for (var i = 0; i<num; i++) {
//判断如果数组还有可以取出的元素,以防下标越界
if (temp_array.length>0) {
//在数组中产生一个随机索引
var arrIndex = Math.floor(Math.random()*temp_array.length);
//将此随机索引的对应的数组元素值复制出来
return_array[i] = temp_array[arrIndex];
//然后删掉此索引的数组元素,这时候temp_array变为新的数组
temp_array.splice(arrIndex, 1);
} else {
//数组中数据项取完后,退出循环,比如数组本来只有10项,但要求取出20项.
break;
}
}
return return_array;
}
代码注释特别清晰,很容易明白,代码不是我写的,出处我找不到了,觉得写得很好学习一下。
本项目中,我的数组中都是题目对象,包含了题目标题、答案列表、正确答案、每道题目的失败提示语。这样就很容易处理需求中的逻辑了。