【JavaScript】文字列を数値型に変換する方法

JavaScriptにおいて、文字列を数値型に変換する方法はいくつかあります。この記事では、それぞれの方法について詳しく解説します。適切な方法を選択して、文字列を数値型に変換する際に役立ててください。

スポンサーリンク

parseInt() 関数を使用する方法

parseInt() 関数は、文字列を整数に変換します。以下はその使用例です。

let stringNumber = "123";
let number = parseInt(stringNumber);
console.log(number); // 出力: 123

parseFloat() 関数を使用する方法

parseFloat() 関数は、文字列を浮動小数点数に変換します。以下はその使用例です。

let stringNumber = "123.45";
let number = parseFloat(stringNumber);
console.log(number); // 出力: 123.45

Number() 関数を使用する方法

Number() 関数は、文字列を数値に変換します。以下はその使用例です。

let stringNumber = "123";
let number = Number(stringNumber);
console.log(number); // 出力: 123

let stringFloat = "123.45";
let floatNumber = Number(stringFloat);
console.log(floatNumber); // 出力: 123.45

実行結果

それぞれの方法を使用して、文字列を数値型に変換することができます。整数や浮動小数点数など、必要な数値型に応じて適切な方法を選択してください。

よくある質問（FAQ）

Q. JavaScriptで文字列を数値に変換するには？
A. Number()、parseInt()、parseFloat()、または単項+演算子が使えます。”123abc”のような非数値が含まれる場合、Number()はNaNを返しますがparseInt()は123を返します。
Q. parseInt()とNumber()の違いは何ですか？
A. parseInt()は整数として解析し、先頭から数値として読める部分までを返します。Number()は文字列全体を数値として解析し、不正な文字があればNaNを返します。
Q. 変換結果がNaNかどうかを確認するには？
A. isNaN()またはNumber.isNaN()を使います。Number.isNaN()はより厳密でNaN以外の値に対してtrueを返しません。例：Number.isNaN(Number(“abc”))はtrueになります。

まとめ

JavaScriptにおいて、文字列を数値型に変換する方法について解説しました。parseInt()、parseFloat()、およびNumber() 関数を使用することで、文字列を整数や浮動小数点数などの数値型に変換することができます。必要な数値型に応じて適切な方法を選択し、柔軟に文字列を数値に変換してください。

反対に数値を文字列に変換する方法

無効なURLです
localhost