随机字母数字字符串

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探讨使用 JavaScript 生成随机字母数字字符串的主题。我们将学习如何通过利用各种 JavaScript 方法(如 Array.from()Math.random()Number.prototype.toString()String.prototype.slice())来创建一个生成指定长度随机字符串的函数。在本实验结束时,你将更好地理解如何在 JavaScript 中生成随机字符串,以及如何使用这些方法构建更复杂的应用程序。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/arith_ops("`Arithmetic Operators`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") subgraph Lab Skills javascript/variables -.-> lab-28568{{"`随机字母数字字符串`"}} javascript/data_types -.-> lab-28568{{"`随机字母数字字符串`"}} javascript/arith_ops -.-> lab-28568{{"`随机字母数字字符串`"}} javascript/comp_ops -.-> lab-28568{{"`随机字母数字字符串`"}} end

如何在 JavaScript 中生成随机字母数字字符串

要在 JavaScript 中生成随机字母数字字符的字符串,请执行以下步骤:

  1. 打开终端/SSH 并输入 node 以开始练习编码。
  2. 使用 Array.from() 创建一个指定长度的新数组。
  3. 使用 Math.random() 生成一个随机浮点数。
  4. 使用 Number.prototype.toString() 将数字转换为基数为 36 的字母数字字符串。
  5. 使用 String.prototype.slice() 从每个生成的数字中删除整数部分和小数点。
  6. 使用 Array.prototype.some() 根据需要重复此过程多次,直到达到 length,因为它每次都会生成一个可变长度的字符串。
  7. 如果生成的字符串比给定的 length 长,则使用 String.prototype.slice() 缩短它。
  8. 返回生成的字符串。

以下是代码:

const randomAlphaNumeric = (length) => {
  let s = "";
  Array.from({ length }).some(() => {
    s += Math.random().toString(36).slice(2);
    return s.length >= length;
  });
  return s.slice(0, length);
};

你可以将所需的长度作为参数调用 randomAlphaNumeric() 函数。例如:

randomAlphaNumeric(5); // '0afad'

总结

恭喜你!你已经完成了随机字母数字字符串实验。你可以在 LabEx 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程