需求背景:一个简单的答题器,每次从30道题的题库中,随机抽取10道组成考题……
按照需求的思路,那么大概解决方案就是,先获得1-10的随机数,然后去数组中取对应项,既然是随机数,那么就会有可能出现重复的随机数,因此要对数组去重,代码如下:
var arr =[1,2,3,4,5,6,7,8,9,0];
var lastArr = [];
for(var i = 0;
i<5;
i++){
var index = parseInt(Math.random()*arr.length);
lastArr.push(arr[index]);
for( var j = 0;
j
这个思路其实是有问题的,因为给定的数组并不需要去重,我反而给自己制造了麻烦,我完全可以直接取到随机的某一项后,就把他从原数组里踢出去,代码如下:
function filter(arr, num) {
var newArr = [];
var pick = function () {
var index = Math.ceil((arr.length * Math.random())) - 1;
return arr.splice(index, 1);
}
for (var i = 0;
i < num;
i++) {
newArr.push(pick()[0]);
}
return newArr;
}
var a = [1,2,3,4,5,6,7,8,9,0];
console.log(filter(a, 5))
上面这个思路就非常的清爽了,唯一的缺点就是破坏了原数组,但是该数组也确实就这点戏份~当然啦,我们的思路也不该止步于此,我们之前一直都是去数组里挑选随机项,不妨跳出这个思维~来重新分析下需求,最终的目的,就是30选10得到10道题,就好像打扑克,即使我们每次都按照固定顺序抽牌,每人每局的牌也都是不一样的,因为每局我们都会洗牌~所以我们先给数组进行一次洗牌再取值,结果也是随机哒~~代码如下:
var shuffle = function(o){
for(var j, x, i = o.length;
i;
j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
return o;
};
var a = [1,2,3,4,5,6,7,8,9,0];
console.log(shuffle(a).slice(0,5))
【JavaScript|从指定数组中,随机取部分数据组成新的数组(数组去重||随机排序)】总结:果然需求分析的时候,容易被自己套路,尝试从结果出发也是不错的方法~~
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- Java|Java基础——数组
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等