资讯专栏INFORMATION COLUMN

随机获取数组中的几项数据

everfly / 809人阅读

摘要:所以,需求就简化成在这个长度的数组里,随机获取其中项。本项目中,我的数组中都是题目对象,包含了题目标题答案列表正确答案每道题目的失败提示语。

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

平台:移动端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; i0) {
            //在数组中产生一个随机索引
            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;
}

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86060.html

相关文章

  • Javascript删除数组中某一项或几项的几种方法

    1. splice Js中的splice方法 splice(index,len,[item])    注释:该方法会改变原始数组。 splice有3个参数,它也可以用来 替换/删除/添加 数组内某一个或者几个值 index:数组开始下标        len: 替换/删除的长度       item:替换的值,删除操作的话 item为空 如: arr = [a,b,c,d] 1.1 删除 删除 ...

    simpleapples 评论0 收藏0
  • 深入了解JavaScript 中的For循环之详解

    摘要:将品牌的标价全部加苏南的专栏交流公众号不会对空数组进行检测。方法用于调用数组的每个元素,并将元素传递给回调函数。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ​ 今天我想分享一个有关于循环筛选的知识点,也许是前端小白的你首先想到的是用for循环做筛选,但我这种小菜鸟想到的就是map(工作中很喜欢...

    linkin 评论0 收藏0
  • 深入了解JavaScript 中的For循环之详解

    摘要:将品牌的标价全部加苏南的专栏交流公众号不会对空数组进行检测。方法用于调用数组的每个元素,并将元素传递给回调函数。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ​ 今天我想分享一个有关于循环筛选的知识点,也许是前端小白的你首先想到的是用for循环做筛选,但我这种小菜鸟想到的就是map(工作中很喜欢...

    jimhs 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<