之前接到的一个项目,需求是这样:

  • 平台:移动端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;
}

代码注释特别清晰,很容易明白,代码不是我写的,出处我找不到了,觉得写得很好学习一下。
本项目中,我的数组中都是题目对象,包含了题目标题、答案列表、正确答案、每道题目的失败提示语。这样就很容易处理需求中的逻辑了。


朕知道了
302 声望10 粉丝

加油加油加油