JS生成随机数的多种方法汇总(不同范围、类型的随机数)

2024-07-28 22:05:28

1，生成 [ 0, 1 ) 范围内的随机数（大于等于0，小于1）

（1）使用 random() 方法可以返回一个介于 0 ~ 1 之间的伪随机数（包括 0，不包括 1）。

Math.random()

（2）下面是一个测试样例

var random = Math.random();
console.log(random);

2，生成 [ n, m ) 范围内的随机数（大于等于n，小于m）

（1）这种最简单，因为和 random 的特点保持一致。只需使用如下公式即可：

Math.random()*(m-n)+n

（2）比如下面生成 [10,15) 范围内的随机浮点数。

var random1 = Math.random()*(15-10)+10;
var random2 = Math.random()*(15-10)+10;
var random3 = Math.random()*(15-10)+10;
console.log(random1);
console.log(random2);
console.log(random3);

3，生成 [n,m]、(n,m)、(n,m] 范围内的随机数

因为 random 的特点，要取得这几个区间内的浮点数稍微麻烦些，需要借助一些判断才能满足要求。

//取得[n,m]范围随机数
function fullClose(n,m) {
   var result = Math.random()*(m+1-n)+n;
   while(result>m) {
       result = Math.random()*(m+1-n)+n;
   }
   return result;
}

//取得(n,m)范围随机数
function fullOpen(n,m) {
   var result = Math.random()*(m-n)+n;
   while(result == n) {
       result = Math.random()*(m-n)+n;
   }
   return result;
}

//取得(n,m]范围随机数
function leftOpen(n,m) {
   var result = Math.random()*(m-n+1)+n-1;
   while(result<n) {
       result = Math.random()*(m-n+1)+n-1;
   }
   return result;
}

随机整数的生成

要生成随机整数，我们还需要借助如下两个方法： Math.round(num)：将 num 四舍五入取整 Math.floor(num)：将 num 向下取整，即返回 num 的整数部分。当然我们也可以使用 parseInt() 方法代替。

1，随机生成 0、1 这两个整数

（1）下面这个方法可以随机获取 0 或 1，它们获取到的几率是比较均衡的。

Math.round(Math.random())

（2）下面是一个测试样例

var random1 = Math.round(Math.random());
var random2 = Math.round(Math.random());
var random3 = Math.round(Math.random());
console.log(random1);
console.log(random2);
console.log(random3);

2，生成 [ 0, n ) 范围内的随机整数（大于等于0，小于n）

（1）下面方法生成一个 0 到 n-1 的随机整数（这 n 个数获取几率都是均衡的）

Math.floor(Math.random()*n)

（2）比如下面生成几个 0 到 4 的随机整数（包括 0 和 4）。

var random1 = Math.floor(Math.random()*5);
var random2 = Math.floor(Math.random()*5);
var random3 = Math.floor(Math.random()*5);
console.log(random1);
console.log(random2);
console.log(random3);

3，生成 [ 1, n ] 范围内的随机整数（大于等于1，小于等于n）

（1）下面方法生成一个 1 到 n 的随机整数（这 n 个数获取几率都是均衡的）

Math.floor(Math.random()*n)+1

（2）比如下面生成几个 1 到 5 的随机整数（包括 1 和 5）。

var random1 = Math.floor(Math.random()*5)+1;
var random2 = Math.floor(Math.random()*5)+1;
var random3 = Math.floor(Math.random()*5)+1;
console.log(random1);
console.log(random2);
console.log(random3);

4，生成 [ min, max ] 范围内的随机整数（大于等于min，小于等于max）

（1）下面方法生成一个最小值为 min，最大值为 max 的随机整数。

Math.floor(Math.random()*(max-min+1))+min

（2）比如下面生成几个 5 到 10 的随机整数

var random1 = Math.floor(Math.random()*5)+1;
var random2 = Math.floor(Math.random()*5)+1;
var random3 = Math.floor(Math.random()*5)+1;
console.log(random1);
console.log(random2);
console.log(random3);

随机字符串的生成

1，生成指定位数的纯数字字符串

//生成n位数字字符串
function randomNum(n){
  var res = "";
  for(var i=0;i<n;i++){
    res += Math.floor(Math.random()*10);
  }
  return res;
}

//测试
console.log(randomNum(3))
console.log(randomNum(5))
console.log(randomNum(7))

2，生成指定位数的数字字母混合的字符串

//生成n位数字字母混合字符串
function generateMixed(n) {
  var chars = ['0','1','2','3','4','5','6','7','8','9',
              'A','B','C','D','E','F','G','H','I','J','K','L','M',
              'N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
  var res = "";
  for(var i = 0; i < n ; i++) {
     var id = Math.floor(Math.random()*36);
     res += chars[id];
  }
  return res;
}

//测试
console.log(generateMixed(3))
console.log(generateMixed(5))
console.log(generateMixed(7))

总结

到此这篇关于JS生成随机数的多种方法汇总的文章就介绍到这了,更多相关JS生成随机数方法内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

js生成随机数的方法实例

js生成随机数主要用到了内置的Math对象的random()方法.用法如:Math.random().它返回的是一个 0 ~ 1 之间的随机数.有了这么一个方法,那生成任意随机数就好理解了.比如实际中我们可能会有如下的需要: (1)生成一个 0 - 100 之间的随机整数,那么则可以: parseInt(100*Math.random()); 注意:因为Math.random()的返回值是包括0和1的,所以这里是有生成0和100的可能性的. (2)生成一个从 m - n 之间的随机整数,例如要生
javascript生成随机数方法汇总

今天有又网友问到我 JavaScript 怎么生成指定范围数值随机数.Math.random() 这个方法相信大家都知道,是用来生成随机数的.不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数.这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数. 基础教程请看这里 http://www.jb51.net/w3school/js/jsref_random.htm 看完教程,应该知道Math.random()方法的基本用法了. 利用 parse
JS生成某个范围的随机数【四种情况详解】

前言: JS没有现成的函数,能够直接生成指定范围的随机数. 但是它有个函数:Math.random() 这个函数可以生成 [0,1) 的一个随机数. 利用它,我们就可以生成指定范围内的随机数. 而涉及范围的话,就有个边界值的问题.这样就包含四种情况: 1)min ≤ r ≤ max (一般这种比较常见) 2)min ≤ r < max 3) min < r ≤ max 4)min < r < max 一.min ≤ r ≤ max function RandomNumBoth(
Javascript 生成指定范围数值随机数

不过经过俺的小小努力之后, 终于让俺摸着门道喽, 问题也就理所当然滴解决掉. 然后就写了个公式, 这样应该可以消失掉这个用法了, 公式: 1. 从1开始至任意值 linenum parseInt(Math.random()*上限+1); 2. 从任意值开始至任意值 linenum parseInt(Math.random()*(上限-下限+1)+下限); 上面的公式使用了 parseInt(), 因此要加1; 如果使用 Math.ceil() 则不需要加1, 俺习惯于这样写... 目录:
js生成1到100的随机数最简单的实现方法

js生成1到100的随机数 js生成随机数使用math.random()函数 Math.random() 具体实现: 1.定义一个random()函数,原理是随机数和最大值减最小值的差相乘最后再加上最小值. function random(min, max) { return Math.floor(Math.random() * (max - min)) + min; } 2.使用方法 for (var i = 1; i <= 10; i++) { console.log(random(1,
javascript 如何生成不重复的随机数

alert(new Date().getTime()) [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] (new Date().getTime()) ^ Math.random(); 随机且基本上很难重复--那不如这样算了..随机生成不重复的数字,并且还从大到小排列.. function create(n) { var temp=Math.floor(Math.random()*10+n*10); while(--n!=0) { return temp+","+create
javascript生成不重复的随机数

题目来源:在慕课学习jQuery过程中一道测试题. 初始时:<ul>元素中仅显示5个<li>元素,其中包含还包括最后一个<li>元素,<a>元素中的显示"更多"字符. 当点击"更多"链接时,自身内容变为"简化",同时,<ul>元素中显示全部的<li>元素. 当点击"简化"链接时,自身内容变为"更多",同时,<ul>元素中仅显
javascript生成随机数的方法

1.使用内置的随机数发生方法: 复制代码代码如下: Math.random(); //该方法产生一个0到1之间的浮点数.Math.floor(Math.random()*10+1); //1-10Math.floor(Math.random()*24);//0-23 2.基于时间,亦可以产生随机数: 复制代码代码如下: var now=new Date(); var number = now.getSeconds(); //这将产生一个基于目前时间的0到59的整数. var now=new
JS生成随机数的多种方法汇总(不同范围、类型的随机数)

目录 1,生成 [ 0, 1 ) 范围内的随机数(大于等于0,小于1) 2,生成 [ n, m ) 范围内的随机数(大于等于n,小于m) 3,生成 [n,m].(n,m).(n,m] 范围内的随机数随机整数的生成 1,随机生成 0.1 这两个整数 2,生成 [ 0, n ) 范围内的随机整数(大于等于0,小于n) 3,生成 [ 1, n ] 范围内的随机整数(大于等于1,小于等于n) 4,生成 [ min, max ] 范围内的随机整数(大于等于min,小于等于max) 随机字符串的生成 1,
Pytorch生成随机数Tensor的方法汇总

在使用PyTorch做实验时经常会用到生成随机数Tensor的方法,比如: torch.rand() torch.randn() torch.normal() torch.linespace() 均匀分布 torch.rand(*sizes, out=None) → Tensor 返回一个张量,包含了从区间[0, 1)的均匀分布中抽取的一组随机数.张量的形状由参数sizes定义. 参数: sizes (int-) - 整数序列,定义了输出张量的形状 out (Tensor, optinal) -
MySQL 数据恢复的多种方法汇总

目录 1.前言 2.直接恢复 2.1 mysqldump 备份全量恢复 2.2 xtrabackup 备份全量恢复 2.3 基于时间点恢复 3.恢复一个表 3.1 从 mysqldump 备份恢复一个表 3.2 从 xtrabackup 备份恢复一个表 4.跳过误操作SQL 4.1 使用备份文件恢复跳过 4.2 使用延迟库跳过 5. 闪回. 5.1 binlog2sql 5.2 MyFlash 1.前言数据恢复的前提的做好备份,且开启 binlog,格式为 row.如果没有备份文件,那么删掉库
JS控制伪元素的方法汇总

一. 缘由: 本文源于在OSC社区中,有人提问如何用jq获取伪元素.我第一想法是强大的CSS Query应该可以获取伪元素吧. 然而事实上,CSS Query并不能.即我们不能通过$(":before").$(dom).find(":before")或document.querySelector(":before")来获取:before伪元素. 为此,我不得不重新了解伪元素(Pseudo-elements).为什么不能用JS直接获取伪元素呢? 譬
Asp.Net之JS生成分页条的方法

Default.aspx.cs中的代码 protected int pageIndex = 1; protected int pageSize = 10; protected int pageCount = 100; protected string name = string.Empty; protected void Page_Load(object sender, EventArgs e) { int.TryParse(Request.QueryString["pageIndex"
python 下载文件的多种方法汇总

本文档介绍了 Python 下载文件的各种方式,从下载简单的小文件到用断点续传的方式下载大文件. Requests 使用 Requests 模块的 get 方法从一个 url 上下载文件,在 python 爬虫中经常使用它下载简单的网页内容 import requests # 图片来自bing.com url = 'https://cn.bing.com/th?id=OHR.DerwentIsle_EN-CN8738104578_400x240.jpg' def requests_downloa
Vue实现动态样式的多种方法汇总

目录 1. 三元运算符判断 2. 动态设置class 3. 方法判断 4. 数组绑定 5. computed结合es6对象的计算属性名方法 1. 三元运算符判断 <text :style="{color:state?'#ff9933':'#ff0000'}">hello world </text> <script> export default { data() { return { state: true } } } </script>
C#生成唯一值的方法汇总

生成唯一值的方法很多,下面就不同环境下生成的唯一标识方法一一介绍,作为工作中的一次总结,有兴趣的可以自行测试: 一.在 .NET 中生成 1.直接用.NET Framework 提供的 Guid() 函数,此种方法使用非常广泛.GUID(全局统一标识符)是指在一台机器上生成的数字,它保证对在同一时空中的任何两台计算机都不会生成重复的 GUID 值(即保证所有机器都是唯一的).关于GUID的介绍在此不作具体熬述,想深入了解可以自行查阅MSDN.代码如下: 复制代码代码如下: using Syst
js预加载图片方法汇总

本文实例汇总了js预加载图片方法.分享给大家供大家参考.具体分析如下: 1. 纯CSS: #preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px; } #preload-02 { background: url(http://domain.tld/image-02.png) no-repeat -9999px -9999px; } #preload-03 { backgroun
js对字符的验证方法汇总

本文实例汇总了js对字符的验证方法.分享给大家供大家参考.具体如下: 复制代码代码如下: /**//** * 检查输入的一串字符是否是字符 * 输入:str 字符串 * 返回:true 或 flase; true表示为全部为字符不包含汉字 */ function checkStr(str){ if (/[^\\x00-\\xff]/g.test(str)) { return false; } else { return tru