JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで数値を文字列に変換する最良の方法｜toString()メソッドの使い方を解説

JavaScriptで数値を文字列に変換する最良の方法は、toString()メソッドを使用することです。このメソッドには省略可能なパラメータ「基数（radix）」があり、2進数・8進数・16進数など、任意の基数を指定して数値を文字列化できます。

基数（radix）パラメータとは

toString()メソッドの引数に基数を指定すると、その進法に基づいた文字列が返されます。指定しない場合は10進数の文字列が返されます。

  • toString(2) … 2進数に変換
  • toString(8) … 8進数に変換
  • toString(16) … 16進数に変換

サンプルコード

以下のコードを実行すると、数値をさまざまな形式の文字列に変換できます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var num = 10;

         var val1 = num.toString();   // 10進数
         var val2 = num.toString(2);  // 2進数
         var val3 = num.toString(8);  // 8進数
         var val4 = num.toString(16); // 16進数

         document.write(val1 + "<br>" + val2 + "<br>" + val3 + "<br>" + val4);
      </script>
   </body>
</html>

実行結果

10
1010
12
a

出力内容の解説

上記の実行結果は、それぞれ次のような意味を持っています。

  • 10 … 基数を指定しないため、10進数のまま文字列化された結果
  • 1010 … 10を2進数に変換した結果
  • 12 … 10を8進数に変換した結果
  • a … 10を16進数に変換した結果（10〜15は a〜f で表されます）

このように、toString()メソッドを使えば1行のコードで数値を柔軟に文字列へ変換できるため、JavaScriptにおける数値と文字列の変換では最も推奨される方法です。

  1. JavaScriptでイベントを追加する最良の方法とは？addEventListener()の使い方を徹底解説

    任意の要素にイベントを追加する最良の方法は、addEventListener()メソッドを使用することです。このメソッドは、指定した要素に対してイベントリスナー（イベント発生時に実行される処理）を登録します。従来のonclick属性と異なり、1つの要素に複数のイベントハンドラを追加できるため、現代のWeb開発では標準的な手法とされています。 addEventListener()メソッドの基本構文 element.addEventListener(event, function, useCapture); event： 監視したいイベントの種類（例： 「click」「mouseover」「ke

  2. JavaScriptで新しいブラウザウィンドウを開く最良の方法とは？window.open()の使い方を解説

    JavaScriptで新しいブラウザウィンドウを開くには、windowオブジェクトのopen()メソッドを使うのが最も標準的で確実な方法です。 window.open()メソッドは、指定したURLを新しいウィンドウ（またはタブ）で開きます。第2引数でウィンドウ名、第3引数でサイズや位置などの表示特性を指定することも可能です。 window.open()の基本構文 window.open(URL, name, features); URL： 開きたいページのアドレス（必須） name： ウィンドウの名前またはターゲット属性（例： _blank）（省略可） features： ウィンドウの幅・高