使用Math.random（）在JavaScript中生成随机数

本文将介绍如何使用JavaScript的Math.random()函数生成随机数，并构建一个可重复使用的函数，应用于各种场景，例如加载随机图片、从数组中随机选择元素，以及生成随机颜色、字母、字符串、短语和密码。

核心要点：

• JavaScript内置的Math.random()函数生成0（包含）到1（不包含）之间的伪随机浮点数。要生成大于1的随机数，只需将结果乘以比例因子。
• 要生成随机整数，使用Math.floor函数向下取整。要生成特定范围内的随机整数，只需将范围的最小值加到结果上。
• 本文展示了如何使用Math.random()函数生成随机图像、颜色、字母、字符串、短语和密码。这些技术可以为你的JavaScript程序添加随机性元素。
• 文章中创建的函数（如randomInt、randomColor和randomString）作为更复杂函数的构建块，展示了编程的基石：使用函数创建更复杂的函数。

JavaScript中的随机性

在程序中添加随机性元素非常有用。你可能希望通过添加一些随机样式来增强网站的趣味性，生成随机短语，或为游戏添加偶然性元素。

不幸的是，创建真正的随机值实际上非常困难（除非你能够接触到放射性物质……或一只使用键盘的猴子）。为了解决这个问题，编程语言使用确定性方法来生成伪随机数。这些数字看起来是随机的，但实际上是由接受基于事件（例如时间或鼠标指针位置）的种子值的函数生成的。

JavaScript具有random函数，它是内置Math对象的的方法。ECMAScript标准没有指定此函数应如何生成随机数，因此留给浏览器厂商实现。在撰写本文时，所有主要的浏览器目前都在后台使用xorshift128 算法来生成伪随机数。

要使用它，只需输入Math.random()，它将返回0（包含）到1（不包含）之间的伪随机浮点数：

<code class="language-javascript">const x = Math.random();</code>

这可以用以下不等式表示：

<code>0 ≤ x < 1</code>

但如果你想要一个大于1的随机数呢？很简单：你只需要乘以一个比例因子来放大它——例如，将结果乘以10将产生0（包含）到10（不包含）之间的值：

<code class="language-javascript">const y = Math.random() * 10;</code>

如果我们将先前不等式的两边都乘以10，就可以看出原因：

<code>0 ≤ y < 10</code>

但结果仍然是浮点数。如果我们想要一个随机整数呢？很简单：我们只需要使用Math.floor函数将返回值向下舍入到下面的整数即可。以下代码将0到9（包含）之间的随机整数赋值给变量z：

<code class="language-javascript">const z = Math.floor(Math.random() * 10);</code>

请注意，即使我们乘以10，返回的值也只到9。

我们可以将此方法推广到创建一个函数，该函数将返回0到（但不包括）作为参数提供的数字之间的随机整数：

<code class="language-javascript">const x = Math.random();</code>

我们现在可以使用此函数返回0到9之间的随机数字：

<code>0 ≤ x < 1</code>

因此，我们现在有了一种创建随机整数的方法。但是，如果是在两个不同的值之间，而不是总是从零开始呢？我们只需要使用上面的代码并添加我们希望范围开始的值即可。例如，如果我们想生成6到10（包含）之间的随机整数，我们将首先使用上面的代码生成0到4之间的随机整数，然后将6添加到结果中：

<code class="language-javascript">const y = Math.random() * 10;</code>

请注意，为了生成0到4之间的随机整数，我们实际上必须乘以5。

我们可以将此方法推广到创建一个函数，该函数将返回两个值之间的随机整数：

<code>0 ≤ y < 10</code>

这只是我们编写用于获取6到10之间随机数的代码的广义形式，但将6替换为min参数，将10替换为max参数。要使用它，只需输入两个参数来表示随机数的下限和上限（包含）。因此，要模拟掷六面骰子，我们可以使用以下代码返回1到6之间的整数：

<code class="language-javascript">const z = Math.floor(Math.random() * 10);</code>

（此处应插入图片，但由于无法访问本地文件系统，无法显示图片）

其余部分与原文类似，可以根据原文进行改写，保持内容一致性的同时，调整语句结构和用词，使之更流畅自然。 需要注意的是，图片需要保留，并保持原格式。

以上是使用Math.random（）在JavaScript中生成随机数的详细内容。更多信息请关注PHP中文网其他相关文章！