在前端开发中，随机数的生成是一个常见的需求。而 jsrng 是一个基于纯 JavaScript 实现的生成随机数的 npm 包，提供了众多的随机数生成算法，非常方便实用。
在本文中，我们将介绍如何使用 jsrng 包生成随机数，包括安装、引入和使用方法等。此外，我们还将详细介绍几种常见的随机数生成算法和如何在项目中应用它们。
安装
在命令行中，首先进入到项目根目录，然后输入以下命令来安装 jsrng：
npm install jsrng --save
之后，我们就可以在项目中使用 jsrng 生成随机数了。
引入
当安装完成后，我们需要将 jsrng 引入到我们的代码中。假设我们需要使用的文件名为 index.js，我们可以通过以下代码将 jsrng 引入：
const jsrng = require('jsrng');生成随机数
一旦我们将 jsrng 引入到我们的代码中，就可以使用其中的随机数生成方法了。我们可以通过以下代码生成一个整数随机数：
const randomNumber = jsrng.integer(1, 10);
在这个例子中，我们生成了一个 1 到 10 之间的整数随机数，并将其赋值给变量 randomNumber。如果我们想生成一个浮点数随机数，可以使用以下代码：
const randomNumber = jsrng.floating(1, 10);
在这个例子中，我们生成了一个 1 到 10 之间的浮点数随机数，并将其赋值给变量 randomNumber。
常见的随机数生成算法
下面是 jsrng 中提供的几种常见的随机数生成算法：
线性同余法（LCG）
这是一种最简单的随机数生成算法，它的核心公式为：
Xn+1 = (aXn + c) mod m
其中，a、c 和 m 是常数，Xn 是当前随机数，Xn+1 是下一个随机数。
这个算法能够生成一组周期很长的随机数序列，但是可能会出现某些数字重复出现的问题。
使用 jsrng 实现 LCG 算法可以采用以下代码：
const randomNumber = jsrng.LCG(1, 10);
梅森旋转算法
梅森旋转算法是一种高质量的随机数生成算法，它是目前应用最广泛的随机数生成算法之一。
使用 jsrng 实现梅森旋转算法可以采用以下代码：
const randomNumber = jsrng.MersenneTwister(1, 10);
加性反馈移位寄存器算法（AF &SR）
AF &SR 算法是一种可以生成大量随机数的算法，它的优点是速度快且算法简单。这个算法的核心是一个在二进制数域上的状态寄存器。
使用 jsrng 实现 AF &SR 算法可以采用以下代码：
const randomNumber = jsrng.AFSR(1, 10);
在项目中应用随机数生成算法
随机数的应用非常广泛，下面介绍在项目中应用随机数生成算法的两个例子：
1. 随机图片
在网页中随机展示一组图片是一种常见的效果，我们可以通过 jsrng 生成一个随机序号来决定展示哪一张图片。示例代码如下：
const imageNumber = jsrng.integer(1, 5);
const imagePath = `./images/${imageNumber}.jpg`;在这个例子中，我们生成一个 1 到 5 之间的整数随机数，并使用它决定展示哪一张图片。
2. 随机背景色
在网页中使用随机背景色是一种常见的效果，我们可以通过 jsrng 生成一个随机颜色序列来决定页面背景色。示例代码如下：
const red = jsrng.integer(0, 255);
const green = jsrng.integer(0, 255);
const blue = jsrng.integer(0, 255);
document.body.style.backgroundColor = `rgb(${red}, ${green}, ${blue})`;在这个例子中，我们生成三个随机整数，分别代表红、绿、蓝三种颜色的值，并使用它们来修改页面的背景色。
总结
本文介绍了如何使用 jsrng 包生成随机数，包括安装、引入和使用方法等。我们还详细介绍了几种常见的随机数生成算法和在项目中应用它们的例子。希望通过本文的介绍，读者能够更好地理解随机数的生成和应用，从而在实际项目中更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562cc81e8991b448e0155