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

更新时间：2024年06月29日 23:55:55 作者：growb

js产生随机数通常是使用javascript的Math.random()函数,下面这篇文章主要给大家介绍了关于JS生成随机数的多种方法(不同范围、类型的随机数)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

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))

对比上面代码的补充版，加入数字、大小写字符

function getjl(n){
var chas=["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","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 binint=["0","1","2","3","4","5","6","7","8","9"];
var res="";
for(var i=0; i < n; i++){
		var id = Math.floor(Math.random() * 62);
		res+=chas[id];
	}
						
return res;
}
//测试
console.log(getjl(3))
console.log(getjl(5))
console.log(getjl(7))

总结

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

您可能感兴趣的文章:

html读出文本文件内容
html读出文本文件内容...
2007-01-01
js 重构Array的sort排序方法
sort是数组的一个排序方法。学习js的朋友可以参考下。
2011-07-07
js实现仿阿里巴巴城市选择框效果实例
这篇文章主要介绍了js实现仿阿里巴巴城市选择框效果,实例分析了javascript结合css与数组实现城市选择框的方法,需要的朋友可以参考下
2015-06-06
全面解析Bootstrap中tooltip、popover的使用方法
这篇文章主要为大家详细解析了Bootstrap中tooltip、popover的使用方法，了解提示框、弹出框的实现原理，感兴趣的朋友可以参考一下
2016-06-06
JS+Vue实现三级全选单选
这篇文章主要为大家详细介绍了JS+Vue实现三级全选单选，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
Typescript实现队列的示例代码
队列作为一种数据结构,在现实生活中它可应用于电影院、自助餐厅等场合,本文主要介绍了Typescript实现队列的示例代码,具有一定的参考价值,感兴趣的可以了解一下
2024-08-08
TypeScript中never类型的妙用详解
TypeScript 是一种静态类型的编程语言,它可以让我们在编写 JavaScript 代码时,提前发现并避免一些潜在的错误,本文主要为大家介绍了TypeScript中never类型的妙用,感兴趣的可以了解下
2023-11-11
详解webpack之scss和postcss-loader的配置
本篇文章主要介绍了详解webpack之scss和postcss-loader的配置，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-01-01
JS获得URL超链接的参数值实例代码
使用js获取超链接中keyword的参数值，具体实现代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-06-06
js实现改进的仿蓝色论坛导航菜单效果代码
这篇文章主要介绍了js实现改进的仿蓝色论坛导航菜单效果代码,涉及JavaScript页面元素的遍历及样式动态变换技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09