クイックヒント：文字列をJavaScriptの番号に変換する方法

コアポイント

• javaScriptは、Number()関数、parseInt()関数、parseFloat()関数、およびunary plus sign（）演算子など、文字列を数値に変換するさまざまな方法を提供します。各方法には独自の目的があり、コードの特定の要件に従って使用できます。
• 文字列を数字に変換する場合、非数字以外の文字を処理することが重要です。文字列に数値以外の文字が含まれている場合、Number()関数はNANを返し、parseInt()およびparseFloat()関数は、数字が文字列の先頭にある場合に文字列を解析し、残りの文字を破棄します。
• 返された結果はnanである可能性があることに注意してください。値がNANであるかどうかを確認するには、グローバル関数isNaN()を使用できます。

JavaScriptは、さまざまなデータ型変換方法を提供します。数字を文字列に変換する方法についてはすでに取り上げています。この短いチュートリアルでは、JavaScriptの文字列を数字に変換する方法について説明します。

多くの場合、数字は文字列として保存される場合があります。たとえば、フォーム要素から受信した値は常に文字列です。

通常、数値（および数値のみ）を含むJavaScript文字列を数値として扱うことができ、JavaScriptは文字列間変換を自動的に実行します。ただし、文字列から数値を抽出したり、変換方法をより制御する必要がある場合があります。

このクイックヒントでは、文字列を数値に変換する3つの方法を紹介します。

を使用して文字列を数値に変換します Number()JavaScriptの文字列を数字に変換する最も直接的な方法は、組み込み

コンストラクターを使用することです。たとえば、

Number

コンソールで値とそのタイプの

<code class="language-javascript">const str = "10";
console.log(str); // "10"
console.log(typeof str); // "string"

const number = Number(str);
console.log(number); // 10
console.log(typeof number); // "number"</code>

を記録する場合、結果はそれぞれ10個、文字列として文字列です。変換後、結果はそれぞれ数字と数字として10になります。

str以下のCodepenデモで実際の例を表示できます。

[Codepen demo link（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42）]]

数字ではない文字列を数値に渡すと、NANが返されることに注意してください。

および

を使用して文字列を数値に変換します parseInt()もう1つの方法は、parseFloat()および

を使用することです。名前が示すように、

は文字列を整数に解析し、parseInt()は文字列を小数点のある数字に解析します。 parseFloat() parseInt()例：parseFloat()

最初の方法と同様に、コンソールで値とそのタイプの

を記録する場合、結果はそれぞれ10.9と文字列として文字列です。ただし、

で

<code class="language-javascript">const str = "10.9";
console.log(str); // "10.9"
console.log(typeof str); // "string"

const intNumber = parseInt(str);
console.log(intNumber); // 10
console.log(typeof intNumber); // "number"

const floatNumber = parseFloat(str);
console.log(floatNumber); // 10.9
console.log(typeof floatNumber); // "number"</code>

を解析する場合、

の値は10になり、そのタイプは数になります。 str一方、

parseFloatを解析すると、strの値は10.9（数として）になり、そのタイプは数字です。 floatNumber

以下のCodepenデモで実際の例を表示できます。

[Codepen demo link（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42）]]

2番目のパラメーターは

parseInt()

文字列から解析される数字のカーディナリティを指定する2番目のパラメーターを受け入れます。このパラメーターは実際にはオプションですが、常に提供することを強くお勧めします。

parseInt()そのような2番目のパラメーターがない場合、

は自動カーディナリティ検出を実行します。つまり、文字列の形式を使用して数字の枢機inalを検出します。 0xまたは0xで始まる数値は16進数（ベース16）と見なされ、他のすべての数値は10進数と見なされます。

parseIntたとえば、

を呼び出している場合、入力値はオクタル数ではありません（Octal数は0-7です）。ゼロ、8ではなく。

parseInt("08")混乱を避けるために、

を使用するときは常にカーディナリティを指定してください。

parseInt()1-Yuan Plus Signを使用して文字列を数値に変換します

文字列を数値に変換する3番目の方法は、1-Yuan Plus Sign（）を使用することです。 OperandがUnary Plus Signの前に使用される場合、それを数に変換しようとします。したがって、オペランドが数字を含む文字列である場合、Unary Plus Signはそれを数値に変換します。

例：

<code class="language-javascript">const str = "10";
console.log(str); // "10"
console.log(typeof str); // "string"

const number = Number(str);
console.log(number); // 10
console.log(typeof number); // "number"</code>

のタイプを記録すると、予想どおりの文字列です。ただし、

の値とそのタイプの値を記録すると、それぞれコンソールに10桁と数字が記録されます。 str str以下のCodepenデモで実際の例を表示できます。

[Codepen demo link（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42）]]

文字列で非数学的な文字を扱う方法

文字列には数字以外の文字が含まれている場合、および各アプローチがこの状況にどのように対処するかを必ず考慮してください。

文字列に数字以外の文字が含まれている場合、最初のポイントまたは小数点または小数点以外の文字が含まれている場合、戻り値は特別な値nan（非番号）です。 NANは、非数字の属性を表すグローバルな属性です。これらの操作のオペランドまたはパラメーターが数値ではない場合、またはその特定の数学操作に使用できない場合、一部の数値操作が返されます。

一方、数値が文字列の先頭にある場合、Number()および

が文字列を解析します。残りの文字を破棄し、文字列の先頭に遭遇した数字を取ります。ただし、文字列が数字、プラス（）、および最初のマイナス（ - ）以外の文字で始まる場合、または小数点以外の文字で始まる場合、返品値は特別な値ナン（非番号）です。

parseInt()以下のCodepenデモで実際の例を表示できます。 parseFloat()

[Codepen demo link（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42）]]

ご覧のとおり、文字列にはpxが含まれているため、

Number()nanを返します。ただし、文字列の先頭にあるため、parseInt()は10を返します。

グローバル関数を使用して、値がNANであるかどうかを確認できます。 isNaN()

結論

この短いチュートリアルでは、文字列をJavaScriptの数字に変換する3つの方法を紹介します。

浮動小数点数であろうと整数であろうと、文字列を数値に変換できます。ただし、文字列に他の文字が含まれている場合、NANを返します。これは、文字列の厳密な変換を確保する場合に役立ちます。

一方、Number()

および

は、他のキャラクターを数字で処理する方が柔軟性があります。ただし、場合によっては、2つの関数を同じ意味で使用することはできません。たとえば、文字列内の数値が浮動小数点番号であり、parseInt()を使用する場合、文字列と比較して誤った値が得られます。 parseFloat() parseInt() 1-Yuan Plus Signは使いやすいですが、コードの読みやすさを低下させる可能性があります。どちらの方法を選択しても、戻り結果はnanである可能性があることに注意してください。

この記事が便利だと思う場合は、次のことも気に入るはずです。

JavaScriptプログラミングを使用することを学びます

• javascriptをすばやく学習する方法：6つの簡単な思考のヒント（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42） 25 JavaScriptの略語コーディングスキル（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42）
• ES6実践練習：新しいデジタル方法（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42）
• ES6実践練習：新しい文字列メソッド - String.Prototype
true and false値：Javascriptのすべてが等しいわけではありません（https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42）
文字列をJavaScriptの数値に変換する
• faq
• javascriptの文字列を数字に変換するさまざまな方法は何ですか？

文字列をJavaScriptの数字に変換する方法はいくつかあります。最も一般的に使用されるメソッドには、

関数、

関数、

関数、およびunary plus sign（）演算子が含まれます。各方法には独自の目的があり、コードの特定の要件に従って使用できます。

Number()JavaScriptで機能はどのように機能しますか？ parseInt() JavaScriptのparseFloat()関数を使用して、文字列を数値に変換できます。文字列を引数として受け取り、数字を返します。文字列を数値に変換できない場合、NAN（非番号）が返されます。たとえば、

は1234を返しますが、

はNANを返します。 Number()javascriptの

parseInt()とparseFloat()の違いは何ですか？

parseInt()とparseFloat()は、両方ともJavaScriptの数値に文字列を変換するために使用されます。違いは、彼らが返す数値のタイプです。 parseInt()整数を返し、parseFloat()は浮動小数点数を返します。たとえば、parseInt("123.45")は123を返しますが、parseFloat("123.45")は123.45を返します。

unary plus sign（）演算子を使用して、文字列をJavaScriptの数値に変換する方法は？

Unary Plus Sign（）演算子を使用して、文字列をJavaScriptの数値に変換できます。次のように文字列の前に配置されます：「1234」。これにより、番号1234が返されます。文字列を数値に変換できない場合、NANは返されます。

非数量文字列をJavaScriptの数字に変換しようとするとどうなりますか？

上記の方法のいずれかを使用して、非数値文字列をJavaScriptの数値に変換しようとすると、NAN、つまり非数値を返します。

javascriptの文字列から数値への変換が成功したかどうかを確認する方法は？

JavaScriptのisNaN()関数を使用して、文字列から数値への変換が成功するかどうかを確認できます。パラメーターが非番号（NAN）の場合、この関数はtrueを返し、それ以外の場合は偽りです。

組み込み関数を使用せずに文字列をJavaScriptの数値に変換できますか？

はい、文字列は組み込み関数を使用せずにJavaScriptの数値に変換できますが、これはより複雑で、初心者には推奨されません。 1つの方法は、ループを使用して文字列内の各文字を反復し、数字のASCII値を使用して数値を計算することです。

javascriptの文字列を整数に変換する方法は？

parseInt()関数を使用して、javascriptの文字列を整数に変換できます。この関数は、文字列を引数として受け取り、整数を返します。文字列を整数に変換できない場合、NANが返されます。

文字列をJavaScriptのフローティングポイント番号に変換する方法は？

parseFloat()関数を使用して、文字列をJavaScriptのフローティングポイント番号に変換できます。この関数は、文字列を引数として受け取り、フローティングポイント番号を返します。文字列をフローティングポイント番号に変換できない場合、NANが返されます。

文字列をJavaScriptの数値に変換する最良の方法は何ですか？

文字列をJavaScriptの数字に変換する最良の方法は、特定の要件に依存します。整数が必要な場合は、parseInt()を使用してください。浮動小数点番号が必要な場合は、parseFloat()を使用してください。確信が持てない場合は、整数と浮動小数点数を処理できるため、Number()関数またはunary plus sign（）演算子を使用します。

元のテキストをオリジナル化し、画像の元の形式と場所を保存するために最善を尽くしたことに注意してください。 外部のWebサイトや画像リンクにアクセスすることはできないため、画像リンクの有効性を確認できません。 必要に応じて、画像のローカルファイルを提供してください。

以上がクイックヒント：文字列をJavaScriptの番号に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。