JS从数组中随机取出几个数组元素的方法


Posted in Javascript onAugust 02, 2016

JS如何从一个数组中随机取出一个元素或者几个元素。

假如数组为

var items = ['1','2','4','5','6','7','8','9','10'];

1.从数组items中随机取出一个元素

var item = items[Math.floor(Math.random()*items.length)];

2.从前面的一篇随机数组中随机取几个元素

function getRandomArrayElements(arr, count) {
var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index;
while (i-- > min) {
index = Math.floor((i + 1) * Math.random());
temp = shuffled[index];
shuffled[index] = shuffled[i];
shuffled[i] = temp;
}
return shuffled.slice(min);
}
var items = ['1','2','4','5','6','7','8','9','10'];
console.log( getRandomArrayElements(items, 4) );

以上所述是小编给大家介绍的JS随机取出几个数组元素的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JSON 学习之完全手册 图文
May 29 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
JQuery for与each性能比较分析
May 14 Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 Javascript
javascript常用经典算法详解
Jan 11 Javascript
基于Vue实现后台系统权限控制的示例代码
Aug 29 Javascript
JavaScript事件处理程序详解
Sep 19 Javascript
使用socket.io制做简易WEB聊天室
Jan 02 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 #Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 #Javascript
jQuery树形控件zTree使用小结
Aug 02 #Javascript
jquery 判断selection range 是否在容器中的简单实例
Aug 02 #Javascript
AngularJS基础 ng-model 指令详解及示例代码
Aug 02 #Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 #Javascript
JavaScript实现复制文章自动添加版权
Aug 02 #Javascript
You might like
通过对php一些服务器端特性的配置加强php的安全
2006/10/09 PHP
PHP静态类
2006/11/25 PHP
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
浅析SVN常见问题及解决方法
2013/06/21 PHP
php获取字段名示例分享
2014/03/03 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
js 加载时自动调整图片大小
2008/05/28 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
document.getElementById介绍
2011/09/13 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
jQuery简单实现列表隐藏和显示效果示例
2016/09/12 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
jquery 实现拖动文件上传加载进度条功能
2018/03/18 jQuery
如何理解Vue的v-model指令的使用方法
2018/07/19 Javascript
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
three.js 如何制作魔方
2020/07/31 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
东方电视购物:东方CJ
2016/10/12 全球购物
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
金融行业务员的自我评价
2013/12/13 职场文书
农贸市场管理制度
2014/01/31 职场文书
工程索赔意向书
2014/08/30 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js