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 相关文章推荐
JavaScript 乱码问题
Aug 06 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
仿百度联盟对联广告实现代码
Aug 30 Javascript
jQuery的css()方法用法实例
Dec 24 Javascript
javascript多行字符串的简单实现方式
May 04 Javascript
JavaScript中switch语句的用法详解
Jun 03 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
微信小程序开发animation心跳动画效果
Aug 16 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
小程序Scroll-view上拉滚动刷新数据
Jun 21 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
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
浅谈ThinkPHP中initialize和construct的区别
2017/04/01 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
基于jquery的blockui插件显示弹出层
2011/04/14 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
ECharts地图绘制和钻取简易接口详解
2019/07/12 Javascript
Vue脚手架编写试卷页面功能
2020/03/17 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
python读取注册表中值的方法
2013/04/08 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
对python中的乘法dot和对应分量相乘multiply详解
2018/11/14 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
HTML5 实现图片上传预处理功能
2020/02/06 HTML / CSS
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
C#实现启动一个进程
2016/10/01 面试题
大学生标准推荐信范文
2013/11/25 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
小学中队长竞选稿
2015/11/20 职场文书
如何用PHP实现多线程编程
2021/05/26 PHP