在前端开发中，随机数的使用频率很高。而 random-number-display-singhg 这个 npm 包就是帮助开发者快速生成随机数，并且将其显示在页面上的绝佳工具。在这篇文章中，我将向您介绍如何使用这个 npm 包。
安装
npm install random-number-display-singhg
使用
将以下代码复制到您的 JavaScript 文件中：
const random = require('random-number-display-singhg');
const minNum = 1;
const maxNum = 100;
const showDiv = document.getElementById("display-random-number");
showDiv.innerText = random(minNum, maxNum);解释一下上述代码：
- 首先，我们使用了 require 函数来引入 random-number-display-singhg 包。
- 接着，通过定义 minNum 和 maxNum 两个变量来确定随机数的生成范围。这里的随机数将在 1 和 100 之间生成。
- 最后，我们定义了一个显示随机数的 div 元素，并通过 innerText 属性将其显示在该元素中。
需要注意的是，当您使用 random-number-display-singhg 包时，该包会自动将随机数格式化为逗号分隔的数字。
使用技巧
在实际开发中，当您需要生成随机数时，不仅仅是将它显示在页面上。random-number-display-singhg 包还可以为您提供以下几种不同的需求进行操作：
固定小数位数
如果您需要固定随机数的小数位数，您可以将第三个参数传递给 random 函数。例如：
const random = require('random-number-display-singhg');
const minNum = 1;
const maxNum = 1000;
const fixedNum = 2;
const showDiv = document.getElementById("display-random-number");
showDiv.innerText = random(minNum, maxNum, fixedNum);在这个例子中，我们将 fixedNum 设置为 2，这将固定随机数的小数位数为两位。
显示货币符号
如果您需要将随机数格式化为货币格式，random-number-display-singhg 包可以帮助您自动添加货币符号：
const random = require('random-number-display-singhg');
const minNum = 1;
const maxNum = 1000;
const showDiv = document.getElementById("display-random-number");
showDiv.innerText = random(minNum, maxNum, null, true);在这个例子中，我们将第三个参数设置为 null，这样包就不会将随机数舍入到任何特定数字。通过将第四个参数设置为 true，random-number-display-singhg 包将自动添加货币符号。
根据数组生成随机数
如果您需要将随机数从数组中生成，random-number-display-singhg 包也提供了一个方便的方法：
const random = require('random-number-display-singhg');
const arr = [2, 5, 8, 12, 16, 21];
const showDiv = document.getElementById("display-random-number");
showDiv.innerText = random(arr);在这个例子中，我们将一个包含多个数字的数组传递给 random 函数。该函数将从中选择一个随机数字，并将其显示在页面上。
总结
random-number-display-singhg 这个 npm 包为前端开发者提供了一个方便快捷的工具，用于生成、格式化并显示随机数。在本文中，我们介绍了如何使用该包，以及如何使用其各种功能。希望这篇文章能够帮助您在实际开发中更好地使用该包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557aa81e8991b448d4b02