js教程

JavaScript随机生成指定范围或指定类型的随机数

我的站长站 2023-11-07 人阅读

生成指定范围随机数

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

Math.random()

下面是一个测试样例

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


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

这种最简单,因为和 random 的特点保持一致。只需使用如下公式即可:

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

比如下面生成 [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 这两个整数

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

Math.round(Math.random())

下面是一个测试样例

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)

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

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

比如下面生成几个 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 到 n 的随机整数(这 n 个数获取几率都是均衡的)

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

比如下面生成几个 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)

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

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

比如下面生成几个 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随机
  • javascript制作随机样式标签云方法
    javascript制作随机样式标签云方法

    我的站长站分享一段超简单的javascript随机样式标签云方法,比网上那些长篇大论的简单好理解多了,一看就懂,效果如下。JS代码$(".tags a").each(function(){var x = 5;var y = 9;var rand = parseInt...

    js教程 83 3年前
  • js随机点名效果

    <!doctype html><title>点名器</title><meta charset="utf-8"><style> #box{ width:400px; height:200px; background:#ff6699; margin:100px auto auto auto; text-align:center; line-h...

    js教程 59 2年前
  • js随机生成指定位数+数字+字母混合字符串

    之前我的站长站分享过js随机生成的教程,但是那篇教程只能指定随机数的位数,但是不能自定义随机内容。[xxid]71,2770[/xxid]这篇教程可以指定随机的位数,还可以自定义随机的内容,比如:数字、字母、符号,或其他任何混合字符串,代码如下:function generateMixed...

    js教程 25 8个月前
最新更新
  • js截取字符串教程

    slice()方法接受两个参数,起始索引和结束索引(可选)。它返回从起始索引到结束索引(不包括结束索引)之间的子字符...

    js教程 4个月前
  • find findIndex indexOf索引选择器使用方法

    find使用方法find方法是ES6引入的一种数组方法,可以用来查找数组中符合条件的元素。语法是:array.find(callba...

    js教程 5个月前
  • js复制网页内容教程

    Async Clipboard API方法HTML5新增的方法,无需引入第三方插件,直接就可以复制内容。低版本的浏览器可能会不兼...

    js教程 5个月前
  • js获取字符长度函数分享

    js获取字符长度函数function objLen(str) { if (str == null) return 0; if (typeof str != "string") { ...

    js教程 5个月前
  • 网站LED跑马灯效果广告代码

    网站可以看到很多的论坛网站都会用到这种网站LED跑马灯效果,这种效果实现也很简单,分享给大家。LED跑马灯效果...

    js教程 6个月前