当前位置:首页 > JavaScript

js实现随机函数

2026-03-15 14:29:24JavaScript

生成随机数的方法

JavaScript 提供了多种生成随机数的方式,以下是几种常见的方法:

Math.random() 基础用法

Math.random() 返回一个介于 0(包含)和 1(不包含)之间的浮点数:

const randomNum = Math.random();
console.log(randomNum); // 输出类似 0.123456789

生成指定范围的随机整数

要生成一个介于 min(包含)和 max(包含)之间的随机整数:

js实现随机函数

function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

const randomInt = getRandomInt(1, 10);
console.log(randomInt); // 输出 1 到 10 之间的整数

生成指定范围的随机浮点数

生成一个介于 min(包含)和 max(不包含)之间的随机浮点数:

function getRandomFloat(min, max) {
  return Math.random() * (max - min) + min;
}

const randomFloat = getRandomFloat(1.5, 5.5);
console.log(randomFloat); // 输出 1.5 到 5.5 之间的浮点数

使用 crypto.getRandomValues()

对于需要更安全的随机数(如加密场景),可以使用 crypto.getRandomValues()

js实现随机函数

function getSecureRandomInt(min, max) {
  const range = max - min + 1;
  const randomBuffer = new Uint32Array(1);
  window.crypto.getRandomValues(randomBuffer);
  return min + (randomBuffer[0] % range);
}

const secureRandomInt = getSecureRandomInt(1, 100);
console.log(secureRandomInt); // 输出 1 到 100 之间的安全随机整数

从数组中随机选择元素

从数组中随机选择一个元素:

function getRandomElement(array) {
  const randomIndex = Math.floor(Math.random() * array.length);
  return array[randomIndex];
}

const fruits = ['apple', 'banana', 'orange', 'grape'];
const randomFruit = getRandomElement(fruits);
console.log(randomFruit); // 随机输出数组中的一个水果

生成随机字符串

生成指定长度的随机字符串(包含字母和数字):

function getRandomString(length) {
  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  let result = '';
  for (let i = 0; i < length; i++) {
    result += chars.charAt(Math.floor(Math.random() * chars.length));
  }
  return result;
}

const randomString = getRandomString(8);
console.log(randomString); // 输出类似 "aB3dE7fG"

标签: 函数js
分享给朋友:

相关文章

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js实现复制功能

js实现复制功能

使用 document.execCommand 方法 这种方法适用于较旧的浏览器,但在现代浏览器中可能被逐步淘汰。通过创建一个临时的 textarea 元素,将文本内容放入其中,然后执行复制命令。…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码…

js实现图片

js实现图片

图片加载与显示 在JavaScript中,可以通过Image对象动态加载图片。创建实例后设置src属性触发加载,通过onload回调处理加载完成后的操作: const img = new Ima…