JavaScript 中的随机字符串生成器

有时，程序员需要创建一个由随机选择的字符组成的字符串。随机字符串生成器通过随机选择一些字符来帮助创建随机字符串。此字符串可以是简单的字符字符串，也可以是字母数字字符串。

在本章中，您将了解创建随机字符串生成器的不同方法。我们将使用 JavaScript 编程语言 创建一个随机字符串生成器程序来生成随机字符串。每次都会生成一个新的字符串。为此，我们将使用 JavaScript 的 Math.random() 函数。

随机字符串生成器的用途

大多数时候，您会在 Web 表单中看到验证码代码，在提交表单之前需要输入这些代码来验证用户是否为机器人。随机字符串生成器将帮助您为程序员创建此验证码代码。如今，它已广泛用于 Web 表单中以提高安全性。

请记住，验证码代码包含一串随机字符。它可以是字母字符的组合，也可以是字母数字字符的组合。

本章讨论的随机字符串生成器类型

您将看到两种类型的随机字符串生成器

• 生成简单的随机字符串
• 生成随机字母数字字符串

我们有这两种类型的字符串生成器。在第一种类型的随机字符串生成器中，我们将创建一个随机字符串生成器的 JavaScript 程序，该程序仅生成字母字符串。

另一方面，在第二种类型的字符串生成器中，我们将创建一个 JavaScript 程序来生成随机字母数字字符串。详细查看两种字符串生成器的示例。

生成随机字符串

在这里，我们将创建一个程序来生成随机字符串

方法 1

此方法将通过随机选择指定长度的字符来创建简单的随机字符串。这将是一个简单的字符串，而不是字母数字字符串。请遵循以下步骤：

1. 创建一个用户定义的函数，并定义一个包含所有大小写英文字母的变量。
2. 定义要生成的新随机字符串的长度。
3. 声明一个新空变量 (var randomstring = '';) 来保存生成的字符串。
4. 现在，使用 for 循环遍历字符串。它将在每次迭代中生成一个新字符。
5. 在此循环中，使用 JavaScript 的 Math.random() 方法，通过计算随机索引，从上述指定的字符串变量 (A-Z, a-z) 中生成一个随机字符。
6. 使用 floor() 方法对值进行四舍五入。这将用作 Math.floor(Math.random() * characters.length)。

将上述步骤转换为实际的代码实现，以查看结果。请看下面的 JavaScript 代码。

复制代码

在浏览器中运行代码，并将结果与下面截图中的结果进行比较。

输出 1

输出 2

点击此 生成随机字符串 按钮，它将为您生成一个随机字符串。

输出 3

每次单击此按钮时，它将生成一个长度为 7 的新随机字符模式（随机字符串）。请看下面的截图。

生成随机字母数字字符串

下面讨论了两种生成随机字母数字字符串的方法。

方法 1

此方法将创建一个具有指定长度的字母数字字符串。请遵循以下步骤：

1. 创建一个用户定义的函数，该函数将在其中包含所有以下步骤。
2. 定义一个包含所有大小写字母和 0-9 数字的变量，例如 var alphaNumChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";。
3. 定义要生成的新随机字符串的长度。
4. 声明一个新空变量 (var randomstring = '';) 来保存新生成的字符串。
5. 现在，使用 for 循环遍历字符串。它将在每次迭代中生成一个新字符。
6. 在此循环中，使用 JavaScript 的 Math.random() 方法，通过计算随机索引，从上述指定的字符串变量 (A-Z, a-z) 中选择一个随机字符。
7. 使用 floor() 方法对值进行四舍五入。这将用作 Math.floor(Math.random() * characters.length)。

将上述步骤转换为实际的代码实现，以查看结果。请看下面的 JavaScript 代码。

复制代码

在浏览器中运行代码，并将结果与下面截图中的结果进行比较。

输出 1

输出 2

点击此 生成随机字符串 按钮，它将为您生成一个随机字符串。

输出 3

每次单击此按钮时，它将为您生成一个新的随机字符序列（随机字符串）。请看下面的截图。

方法 2

现在，我们有了另一种生成指定长度的字母数字字符串的方法。这是一种非常简短的方法来生成随机字符串。这不需要太多冗长的代码。在这种方法中，我们不会为新生成的字符串指定长度。它将采用新字符串的长度 10 或 11。

遵循基本步骤创建随机字母数字字符串。

1. 创建一个用户定义的函数，该函数将在其中包含所有以下步骤。
2. 首先，使用 random() 方法生成一个随机数。
3. 现在，我们将使用 JavaScript 的内置方法 toString(36) 将基数转换为 36（26 个字母 + 0 到 9）。这 36 个字符包括字母数字字符，其中包含 26 个字母和 0 到 9 的数字。
4. 最后，使用 slice() 获取从位置 2 开始的字符串部分。

将上述步骤转换为实际的代码实现，以查看结果。请看下面的 JavaScript 代码。

复制代码

输出 1

保存文件并在浏览器中运行上述代码。您最初会得到与下面截图相同的结果。

输出 2

在这里，单击 生成字符串 按钮来生成随机字母数字字符串并查看输出。

输出 3

每次单击此 生成字符串 按钮时，它都会生成一个新的随机字母数字字符串模式。单击并检查不同的字母数字字符串模式。

注意

在方法 1 中，您可以定义新随机字符串的长度（字符数）。但是，

在方法 2 中，您无法定义要生成的新字符串的长度。根据您的需求，在您的网站中使用任何一种方法。