JavaScript を使った数値のパディング

JavaScriptJavaScriptBeginner
今すぐ練習

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

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

はじめに

この実験では、JavaScript を使って与えられた数値を指定された長さにパディングする概念を探ります。数値をパディングして文字列に変換するために、String.prototype.padStart() メソッドを使用します。この実験を通じて、JavaScript における文字列を操作し、数値を扱う方法をより深く理解することができます。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) 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") javascript/AdvancedConceptsGroup -.-> javascript/template_lit("Template Literals") subgraph Lab Skills javascript/variables -.-> lab-28536{{"JavaScript を使った数値のパディング"}} javascript/data_types -.-> lab-28536{{"JavaScript を使った数値のパディング"}} javascript/arith_ops -.-> lab-28536{{"JavaScript を使った数値のパディング"}} javascript/comp_ops -.-> lab-28536{{"JavaScript を使った数値のパディング"}} javascript/template_lit -.-> lab-28536{{"JavaScript を使った数値のパディング"}} end

JavaScript における数値のパディング方法

JavaScript において数値をパディングするには、次の手順に従います。

  1. ターミナル/SSH を開き、コーディングの練習を始めるために node と入力します。
  2. 数値を文字列に変換した後、String.prototype.padStart() メソッドを使用して数値を指定された長さにパディングします。
  3. 以下の padNumber() 関数はこのアプローチを示しています。
  4. 数値と望ましい長さを引数として関数に渡します。
  5. 関数はパディングされた数値を文字列として返します。
const padNumber = (n, l) => `${n}`.padStart(l, "0");

使用例:

padNumber(1234, 6); // '001234'

まとめ

おめでとうございます!数値のパディングの実験を完了しました。技術力を向上させるために、LabEx でさらに実験を行って練習してください。