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学习笔记7 原型链的原理
Jan 11 Javascript
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
JQuery学习总结【一】
Dec 01 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
JS身份证信息验证正则表达式
Jun 12 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
5分钟学会Vue动画效果(小结)
Jul 21 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 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函数的常用方法及注意之处小结
2011/07/10 PHP
二招解决php乱码问题
2012/03/25 PHP
php全角字符转换为半角函数
2014/02/07 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
jquery ajax执行后台方法
2010/03/18 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
vue--vuex详解
2019/04/15 Javascript
vue-froala-wysiwyg 富文本编辑器功能
2019/09/19 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
2020/04/01 Javascript
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
python使用KNN算法识别手写数字
2019/04/25 Python
Python使用configparser库读取配置文件
2020/02/22 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
在TensorFlow中实现矩阵维度扩展
2020/05/22 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
在线服装零售商:SheIn
2016/07/22 全球购物
美体小铺加拿大官方网站:The Body Shop加拿大
2016/10/30 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
出生医学证明样本
2014/01/17 职场文书
县优秀教师事迹材料
2014/01/31 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
教师个人考察材料
2014/12/16 职场文书
2015羊年春节慰问信
2015/02/14 职场文书
婚礼家长致辞
2015/07/27 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python
SpringBoot详解执行过程
2022/07/15 Java/Android