JavaScript中生成不同类型与范围随机数的多种技巧汇总

网络 2024-08-06 18:12:49编程技术
134

JavaScript 是一种功能强大的编程语言,广泛应用于网页开发、游戏制作和各种计算任务中。生成随机数是编程中的一个常见需求,无论是在开发简单的浏览器游戏、进行数据模拟,还是在安全性要求较高的场景中,掌握如何生成不同类型与范围的随机数都是至关重要的。本文将深入探讨 JavaScript 中生成随机数的各种技巧,从基本的Math.random()函数到更高级的算法,帮助读者全面了解并掌握这一核心技能。

Javascript.jpg

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

总结

通过本文的学习,我们深入了解了JavaScript中生成随机数的多种方法,包括生成不同范围的整数、浮点数以及符合特定分布的随机数。这些技巧不仅满足了常见的需求,也为解决复杂问题提供了有力工具。无论是用于游戏开发、数据分析还是其他需要随机性的应用场景,掌握这些方法都将使你的编程能力更加全面和强大。希望本文的内容能够为你的JavaScript编程之旅提供宝贵的帮助。

JavaScript 随机数 random
THE END
战地网
频繁记录吧,生活的本意是开心

相关推荐

JavaScript中的二进制操作与位掩码技术深度剖析
在深入挖掘JavaScript的能力时,二进制操作和位掩码技术是两个不可忽视的主题。这些技术不仅能够优化代码性能,还能在处理低层数据操作时提供极大的灵活性。本文将深入探讨Ja...
2024-09-04 编程技术
114

ESLint:JavaScript代码检查工具使用方法详解
JavaScript作为最广泛使用的编程语言之一,其代码规范和错误检测显得尤为重要。ESLint作为一种静态代码检查工具,已经成为JavaScript开发者不可或缺的助手。本文将深入介绍ES...
2024-08-02 编程技术
129

JavaScript开发数独游戏的完整步骤和实现过程
数独是一种起源于日本的逻辑推理游戏,凭借其简单的规则和深刻的逻辑性在全球范围内广受欢迎。作为一名程序员,使用JavaScript开发一个数独游戏不仅可以锻炼编程技巧,还能提...
2024-07-04 编程技术
100

使用HTML+JavaScript实现贪吃蛇游戏(附示例代码)
贪吃蛇游戏是一款经典的休闲游戏,许多人童年时都在各种电子设备上玩过。通过HTML和JavaScript,我们可以创建一个简单但功能齐全的贪吃蛇游戏。本文将详细介绍如何使用HTML和...
2024-07-03 编程技术
113

python和JavaScript的正则表达式详细使用对比
正则表达式是对字符串提取的一套规则,我们把这个规则用正则里面的特定语法表达出来,去匹配满足这个规则的字符串,这篇文章主要给大家介绍了关于python和JavaScript正则表达式详...
2024-06-16 编程技术
60

15款必备的JavaScript开发工具推荐
JavaScript 开发工具多种多样,这些工具可以增强 JavaScript 应用程序的功能,提高 JavaScript 开发效率。本文为大家推荐15款必备的 JavaScript 开发工具,包括 IDE、框架和库...
2024-05-08 编程技术
63