JavaScriptで数値を文字列に変換し、文字列を整数に戻す方法
JavaScriptでプログラミングをする際、数値を文字列に変換したり、文字列を数値に変換したりすることはよくあります。
この記事では、toString([基数])メソッドとparseInt(string, [基数])メソッドを使ってこれらの変換を行う方法について詳しく解説します。
toString(): 基本的な使い方
基本的に、toString()メソッドは引数なしで数値を文字列に変換します。
この形式では、数値を標準的な10進数の文字列に変換します。
これは数値をテキスト形式で出力する際や、数値を文字列として扱う必要がある場面で非常に便利です。
以下の例では、基本的なtoString()の使用方法を示しています。
ソースコード例
|
1 2 |
console.log((123).toString()); // 123を10進数の文字列に変換 console.log((4.56).toString()); // 4.56を10進数の文字列に変換 |
このコードを実行すると、数値がそのままの形で文字列に変換された結果が得られます。
出力結果
"123"
"4.56"
この基本的な使用法は、プログラミングにおける数値の扱い方の基礎を形成します。
数値をログに記録したり、ユーザーインターフェースに表示したりする際によく使われます。
toString([基数]): 数値を文字列に変換
toString()メソッドは数値を文字列に変換します。任意の基数（2進数、8進数、16進数など）を指定することもできます。
以下の例では、数値を異なる基数の文字列に変換しています。
ソースコード例
|
1 2 3 |
console.log((255).toString(10)); // 10進数 console.log((255).toString(16)); // 16進数 console.log((255).toString(2)); // 2進数 |
このコードを実行すると、数値255を10進数、16進数、2進数の文字列に変換した結果が出力されます。
出力結果
"255"
"ff"
"11111111"
parseInt(string, [基数]): 文字列を整数に変換
parseInt()関数は文字列を整数に変換します。
第二引数に基数を指定することで、異なる進数の文字列を適切な10進数の整数に変換することができます。
以下の例では、異なる基数の文字列を10進数の整数に変換しています。
ソースコード例
|
1 2 3 |
console.log(parseInt("10", 10)); // 10進数 console.log(parseInt("ff", 16)); // 16進数 console.log(parseInt("1111", 2)); // 2進数 |
このコードを実行すると、異なる進数の文字列が10進数の整数に変換された結果が出力されます。
出力結果
10
255
15
異なる基数の変換と応用
toString()とparseInt()を組み合わせることで、異なる基数間での数値変換を行うことができます。
これは、データのエンコーディングやデコーディングに特に有用です。
以下の例では、16進数と2進数を10進数に変換し、その逆の変換も示しています。
ソースコード例
|
1 2 3 4 5 6 7 8 9 10 11 |
// 16進数を10進数に変換し、その逆も行う var hex = "1a"; var decimal = parseInt(hex, 16); console.log(decimal); console.log(decimal.toString(16)); // 2進数を10進数に変換し、その逆も行う var binary = "1011"; var decimalFromBinary = parseInt(binary, 2); console.log(decimalFromBinary); console.log(decimalFromBinary.toString(2)); |
このコードを実行すると、16進数と2進数の文字列が10進数に変換され、その逆の変換結果も得られます。
出力結果
26
"1a"
11
"1011"
実践的な使用例
toString()とparseInt()は、ユーザー入力の処理やデータのフォーマット変換において非常に有用です。
例えば、ユーザーが入力した16進数の色コードをRGB値に変換する場合や、2進数データを読みやすい形式に変換する場合に役立ちます。
KindleUnlimited会員であれば、全ての本をご覧頂けます。 アロー関数と便利な関数を理解すれば、JavaScriptの世界が変わる
まとめ
この記事では、JavaScriptにおけるtoString([基数])とparseInt(string, [基数])の使い方を詳しく解説しました。
これらのメソッドを理解し活用することで、数値データの柔軟な扱いが可能になり、プログラミングの幅が広がります。
最後まで読んで頂き、ありがとうございました。少しでもお役にたてたなら幸いです！
