JavaScript生成指定范围随机数和随机序列的方法


Posted in Javascript onMay 05, 2018

在JavaScript中我们经常使用Math.random()方法生成随机数,但是该方法生成的随机数只是0-1之间的随机数。先看如下常用方法的特征:

•1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1)

•2.Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。与取整数的parseInt(num)方法一样。

•3.Math.round(num); 参数num为一个数值,函数结果为num四舍五入后的整数。

•4.Math.ceil(num); 返回大于等于n的最小整数。

合理使用上述方法生成指定范围的随机数:

包含最小值不包含最大值的情况:

parseInt(num)取整,将传入的num向小的整数转化。将Math.random()乘以最大和最小的差值,在用parseInt处理(注意此时的范围是【0-差值)),再加上最小值,就能得到包括最小值但不包括最大值的整数。

 获取包含最小值但不包括最大值的随机数,用如下函数实现:

function getRandom1(start, end) {
      var length = end - start;
      var num = parseInt(Math.random() * (length) + start);
      return num;
    }

包括最大值但不包含最小值的情况:

Math.ceil(num)取得大于等于num的最小整数,也就是将传入的num向大的整数转化。将Math.random()乘以最大和最小的差值,在用Math.ceil()处理(注意此时的范围是(0-差值】),在加上最小值,就能得到不包括最小值但包括最大值的整数。也就是将上面情况的parseInt改为Math.ceil()

获取包含最大值但不包括最小值的随机数,用如下函数实现:

function getRandom1(start, end) {
    var length = end - start;
    var num = Math.ceil(Math.random() * (length) + start);
    return num;
  }

最大值和最小值都包含的情况:

最大值和最小值都包含,此时可取值的范围相比于上述两种情况已经 扩大1。在生成随机数阶段,就要将可能生成随机数的范围扩大1。使用parseInt向小的值取整可行,用Math.ceil(num)往大的值转化也可以(转化后需要-1)。不管采用哪种方式,关键在于生成随机数阶段将范围加1.

采用parseInt的方法

function getRandom1(start, end) {
    var length = end - start + 1;
    var num = parseInt(Math.random() * (length) + end);
    return num;
  }

--------------------------------------------------------------------------------

一些时候,仅仅生成随机数是不够的,还需要将指定范围的数值,按照随机顺序排列。我们将这个问题转化为生成随机数后加入数组并避免重复的问题。每次循环顺序生成的数是随机的,按照顺序加入数组,以此实现数值大小的随机排列。

生成指定范围的随机数序列:

随机序列可直接通过sort排序方法实现,将一个包含一组按顺序排列的数字元素,调用sort方法,通过函数传入随机生成的值(可能为正可能为负),就可以将顺序打乱,得到该数组的随机序列。

如下:getNum()返回的是数字1-10按顺序排列的数组,则得到的numArr就是1-10的随机序列:

var numArr = getNum().sort(function () {
        return Math.random() - 0.5;
      });

自己写逻辑生成随机序列也是可行的:

定义存储随机数的数组,然后循环生成随机数,生成之后到已有数组中查找,如果存在,将标记变为false表示产生的随机数重复,根据标记值来决定是否加入数组。若加入数组成功,则数组下标index(表示数组元素个数)自增,满足条件退出循环。下面例子实现5-10之间的随机序列(下面案例是左右包含的):

function getOrder(start, end) {
      var length = end - start;
      var myorder = new Array();
      var index = 0;
      while (index < length+1) {
        var flag = true;
        var num = parseInt(Math.random() * (length + 1));
        for (var i in myorder) {
          if (myorder[i] == num) {
            flag = false;
          }
        }
        if (flag == true) {
          myorder[index] = num;
          index++;
        }
      }
      alert(myorder.length);
      alert(myorder);
    }
getOrder(5, 10);

总结

以上所述是小编给大家介绍的JavaScript生成指定范围随机数和随机序列,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
js parsefloat parseint 转换函数
Jan 21 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
Feb 16 Javascript
js 判断checkbox是否选中的操作方法
Nov 09 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
javascript修改IMG标签的src问题
Mar 28 Javascript
Bootstrap模块dropdown实现下拉框响应
May 22 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
webpack2.0配置postcss-loader的方法
Aug 17 Javascript
JQuery判断正整数整理小结
Aug 21 jQuery
深入理解 webpack 文件打包机制(小结)
Jan 08 Javascript
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
JS文件中加载jquery.js的实例代码
May 05 #jQuery
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
May 05 #Javascript
js动态引入的四种方法
May 05 #Javascript
关于HTML5的data-*自定义属性的总结
May 05 #Javascript
深入浅析Vue.js计算属性和侦听器
May 05 #Javascript
详解js跨域请求的两种方式,支持post请求
May 05 #Javascript
vue 注册组件的使用详解
May 05 #Javascript
You might like
十天学会php之第十天
2006/10/09 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
编辑浪子版表单验证类
2007/05/12 Javascript
Jquery下attr和removeAttr的使用方法
2010/12/28 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
2011/09/13 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
jQuery中each()方法用法实例
2014/12/27 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
2016/05/26 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
vue表单绑定实现多选框和下拉列表的实例
2017/08/12 Javascript
weex里Vuex state使用storage持久化详解
2017/09/09 Javascript
用最少的JS代码写出贪吃蛇游戏
2018/01/12 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
python tensorflow基于cnn实现手写数字识别
2018/01/01 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
python 调试冷知识(小结)
2019/11/11 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
大学生专科毕业生自我评价
2013/11/17 职场文书
写自荐信要注意什么
2013/12/26 职场文书
自我鉴定注意事项
2014/01/19 职场文书
导游欢迎词范文
2015/01/23 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
个人催款函范文
2015/06/24 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
2016年优秀党务工作者先进事迹材料
2016/02/29 职场文书
nginx容器方式反向代理实战
2022/04/18 Servers