ランダムな英数字文字列

JavaScriptJavaScriptBeginner
今すぐ練習

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

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、JavaScriptを使ってランダムな英数字文字列の生成について学びます。Array.from()Math.random()Number.prototype.toString()String.prototype.slice()などの様々なJavaScriptメソッドを使って、指定された長さのランダムな文字列を生成する関数を作成する方法を学びます。この実験が終わるとき、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. radix値を36に設定してNumber.prototype.toString()を使って数値を英数字文字列に変換します。
  5. String.prototype.slice()を使って各生成された数値から整数部分と小数点を削除します。
  6. 各回変数の長さの文字列を生成するため、Array.prototype.some()を使って必要な回数だけこのプロセスを繰り返します。
  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でさらに多くの実験を行って練習してください。