JavaScript | 固定小数点数表記 | 数値フォーマット

はじめに

この実験では、JavaScript で固定小数点数表記を使用して末尾のゼロを含まない数値をフォーマットする方法を検討します。まず、Number.prototype.toFixed() メソッドを使用して数値を固定小数点数表記の文字列に変換し、その後 Number.parseFloat() を使用して末尾のゼロを削除します。最後に、テンプレートリテラルを使用して数値を文字列に変換します。この実験は、JavaScript で固定小数点数表記を使用して数値をフォーマットする方法をより深く理解するのに役立ちます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced 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-28518{{"末尾のゼロを含まない固定小数点数表記への数値変換"}} javascript/data_types -.-> lab-28518{{"末尾のゼロを含まない固定小数点数表記への数値変換"}} javascript/arith_ops -.-> lab-28518{{"末尾のゼロを含まない固定小数点数表記への数値変換"}} javascript/comp_ops -.-> lab-28518{{"末尾のゼロを含まない固定小数点数表記への数値変換"}} javascript/template_lit -.-> lab-28518{{"末尾のゼロを含まない固定小数点数表記への数値変換"}} end

数値を固定小数点数表記に変換する

末尾のゼロを含まない固定小数点数表記に数値を変換するには、次の手順に従います。

ターミナル/SSH を開き、コーディングを練習するために node と入力します。
Number.prototype.toFixed() を使用して、数値を固定小数点数表記の文字列に変換します。
Number.parseFloat() を使用して、固定小数点数表記の文字列から末尾のゼロを削除して数値に戻します。
テンプレートリテラルを使用して、数値を文字列に変換します。

サンプルコード：

const toOptionalFixed = (num, digits) =>
  `${Number.parseFloat(num.toFixed(digits))}`;

この関数をさまざまな入力値でテストできます。

toOptionalFixed(1, 2); // '1'
toOptionalFixed(1.001, 2); // '1'
toOptionalFixed(1.5, 2); // '1.5'

まとめ

おめでとうございます！末尾のゼロを含まない固定小数点数表記への数値変換の実験を完了しました。技術力を向上させるため、LabExでさらに実験を行って練習してください。