JavaScript编程：生成随机数的方法

博主：小蓝
发布时间：2023 年 12 月 06 日
279 次浏览
暂无评论
2581字数
分类： Linux 技术杂烩

在JavaScript中，创建随机数可以通过内置的 `Math` 对象实现。我们将会探讨一些生成随机数的方法，它们在不同场合下都显示出色。

### 基本的随机数生成

```javascript
// 生成0到1之间的随机数（不包含1）
let randomNumber = Math.random();
```

`Math.random()` 函数返回一个浮点数，该数值在0（包括0）小于1（但不包括1）之间。这是最直接的生成随机数数值的方法，多用于作为其他随机数生成函数的基础。![](https://www.8kiz.cn/usr/uploads/2023/11/2646050066.png)

### 生成一个特定范围内的随机数

若要生成指定范围内的随机整数，可以对 `Math.random()` 的返回值进行适当的转换。

```javascript
// 生成 a 到 b 之间的随机整数（包括a和b）
function getRandomInt(a, b) {
  return Math.floor(a + Math.random() * (b - a + 1));
}

// 使用例子：生成1到10之间的随机整数
let randomInt = getRandomInt(1, 10);
```

这里，我们利用了 `Math.floor()` 函数向下取整来确保结果是一个整数。

### 生成UUID

在生成唯一标识符（如UUID）方面，虽然 `Math.random()` 不提供足够强的随机性保证生成全局唯一的值，但对于某些不是高度安全敏感的应用场合，通过以下方式可以产生一个简易的UUID：

```javascript
function generateUUID() {
  let d = new Date().getTime();
  let uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
    let r = (d + Math.random() * 16) % 16 | 0;
    d = Math.floor(d / 16);
    return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
  });
  return uuid;
}

// 生成UUID样例
let uuid = generateUUID();
```

此代码段通过替换预定义的字符串模板来生成随意的UUID，其中包含了随机数和当前的时间信息。

### 使用 crypto 对象

在需要更好随机性的场景下，如密码学应用，可以使用 `crypto` 对象中的 `getRandomValues()` 方法，它提供了比 `Math.random()` 更强的随机性。

```javascript
function getRandomSecure() {
  let array = new Uint32Array(1);
  window.crypto.getRandomValues(array);
  return array[0];
}

// 生成的安全随机数
let secureRandomNumber = getRandomSecure();
```

此方法利用了浏览器提供的加密标准库生成随机数值。`Uint32Array` 是一个类型数组，用于存储32位无符号整数。

### 结论

在JavaScript中生成随机数的方法因应用场景而异。简单情形下可以使用 `Math.random()` 来得到基本的随机数，而对于需要整数范围的随机值则可以通过结合 `Math.floor()` 和 `Math.random()` 进行计算。而UUID的生成虽不要求使用加密安全的随机数，但可以通过特定的字符串模式生成满足格式的随机值。最后，需要密码学安全级别的随机数时，应使用 `crypto` 对象的 `getRandomValues()` 方法。选择合适的方法将确保您的应用生成的随机数既符合需求又足够安全。

#### [云服务器/高防CDN推荐](https://www.tsyvps.com/)

#### [蓝易云](https://www.tsyvps.com/)国内/海外高防云服务器推荐

<div class="inner-content" >
<p class="inser-title">蓝易云-五网CN2服务器【点我购买】</p>
<div class="inster-summary text-muted">
<span style='color: red;'>蓝易云采用KVM高性能架构，稳定可靠，安全无忧！<br>蓝易云服务器真实CN2回国线路，不伪造，只做高质量海外服务器。</span>
</div>
</div>
</a>

</div>

</div>

---

**<span style='color:#000000'>海外免备案云服务器链接：[www.tsyvps.com](https://www.tsyvps.com)</span>**

**<span style='color:#000000'>蓝易云安全企业级高防CDN：[www.tsycdn.com](https://www.tsycdn.com)</span>**

**<span style='color:#DC143C'>持有增值电信营业许可证：B1-20222080【资质齐全】</span>**

**<span style='color:#DC143C'>蓝易云香港五网CN2 GIA/GT精品网络服务器。拒绝绕路，拒绝不稳定。</span>**

---

#### **百度搜索：[蓝易云](https://www.baidu.com/s?ie=UTF-8&wd=%E8%93%9D%E6%98%93%E4%BA%91)**![](https://www.8kiz.cn/usr/uploads/2023/11/3848202153.png)

蓝易云是一家专注于香港及国内数据中心服务的提供商，提供高质量的服务器租用和云计算服务、包括免备案香港服务器、香港CN2、美国服务器、海外高防服务器、国内高防服务器、香港VPS等。致力于为用户提供稳定,快速的网络连接和优质的客户体验。

最后修改：2023 年 12 月 06 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

JavaScript编程：生成随机数的方法

小蓝 • 2023 年 12 月 06 日

在JavaScript中，创建随机数可以通过内置的 `Math` 对象实现。我们将会探讨一些生成随机数的方法，它们在不同场合下都显示出色。

### 基本的随机数生成

```javascript
// 生成0到1之间的随机数（不包含1）
let randomNumber = Math.random();
```

### 生成一个特定范围内的随机数

若要生成指定范围内的随机整数，可以对 `Math.random()` 的返回值进行适当的转换。

```javascript
// 生成 a 到 b 之间的随机整数（包括a和b）
function getRandomInt(a, b) {
  return Math.floor(a + Math.random() * (b - a + 1));
}

// 使用例子：生成1到10之间的随机整数
let randomInt = getRandomInt(1, 10);
```

这里，我们利用了 `Math.floor()` 函数向下取整来确保结果是一个整数。

### 生成UUID

// 生成UUID样例
let uuid = generateUUID();
```

此代码段通过替换预定义的字符串模板来生成随意的UUID，其中包含了随机数和当前的时间信息。

### 使用 crypto 对象

在需要更好随机性的场景下，如密码学应用，可以使用 `crypto` 对象中的 `getRandomValues()` 方法，它提供了比 `Math.random()` 更强的随机性。

```javascript
function getRandomSecure() {
  let array = new Uint32Array(1);
  window.crypto.getRandomValues(array);
  return array[0];
}

// 生成的安全随机数
let secureRandomNumber = getRandomSecure();
```

此方法利用了浏览器提供的加密标准库生成随机数值。`Uint32Array` 是一个类型数组，用于存储32位无符号整数。

### 结论

#### [云服务器/高防CDN推荐](https://www.tsyvps.com/)

#### [蓝易云](https://www.tsyvps.com/)国内/海外高防云服务器推荐

---

**<span style='color:#000000'>海外免备案云服务器链接：[www.tsyvps.com](https://www.tsyvps.com)</span>**

**<span style='color:#000000'>蓝易云安全企业级高防CDN：[www.tsycdn.com](https://www.tsycdn.com)</span>**

**<span style='color:#DC143C'>持有增值电信营业许可证：B1-20222080【资质齐全】</span>**

**<span style='color:#DC143C'>蓝易云香港五网CN2 GIA/GT精品网络服务器。拒绝绕路，拒绝不稳定。</span>**

---

#### **百度搜索：[蓝易云](https://www.baidu.com/s?ie=UTF-8&wd=%E8%93%9D%E6%98%93%E4%BA%91)**![](https://www.8kiz.cn/usr/uploads/2023/11/3848202153.png)

JavaScript编程：生成随机数的方法

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

微信视频号视频下载工具WeChatVideoDownloader

Win11系统优化工具-Windows11一键设置

Windows微软常用运行库合集一键安装

【电脑软件】Google翻译修复工具

Windows版Kangle安装教程及安装包

详述CDN服务的工作机制。

Anaconda Conda实现Python多环境管理

直播小程序源码有用的协议知识：MQTT协议

Qt框架实现多线程与TCP Socket通信的简易方法

海外CDN加速的方方面面

JavaScript编程：生成随机数的方法

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

JavaScript编程：生成随机数的方法

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款