JavaScriptで文字列を数値に変換する方法

青灯夜游
リリース: 2023-01-03 09:31:52
オリジナル
13565 人が閲覧しました

文字列を数値に変換する Javascript メソッド: 1. parseInt() 関数を使用して整数に変換するか、parseFloat() 関数を使用して浮動小数点数に変換します; 2. 強制型を使用します。変換では、「Number(value )」という構文を使用して、指定された値を数値 (整数または浮動小数点数) に変換できます。

JavaScriptで文字列を数値に変換する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript で文字列を数値に変換するには、主に変換関数、強制型変換、js 変数を使用した弱い型変換の 3 つの方法があります。

1. 変換関数:

js には、parseInt() と parseFloat() という 2 つの変換関数が用意されています。前者は値を整数に変換し、後者は値を浮動小数点数に変換します。 String 型でこれらのメソッドを呼び出すことによってのみ、これら 2 つの関数を正しく実行できます。他の型の場合は NaN (Not a Number) が返されます。

いくつかの例は次のとおりです。

parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10 parseInt("22.5"); //returns 22 parseInt("blue"); //returns NaN
ログイン後にコピー

parseInt() メソッドには、バイナリ、8 進数、16 進数、またはその他の基本文字列を整数に変換できる基本モードもあります。次の例に示すように、基数は parseInt() メソッドの 2 番目のパラメーターで指定されます。

parseInt("AF", 16); //returns 175 parseInt("10", 2); //returns 2 parseInt("10", 8); //returns 8 parseInt("10", 10); //returns 10
ログイン後にコピー

10 進数の先頭に 0 が含まれる場合は、誤って入力しないように、基数 10 を使用することをお勧めします。 8 進数値を取得します。例:

parseInt("010"); //returns 8 parseInt("010", 8); //returns 8 parseInt("010", 10); //returns 10
ログイン後にコピー

parseFloat() メソッドは parseInt() メソッドと同様に処理されます。

parseFloat() メソッドを使用する場合のもう 1 つの違いは、文字列が 10 進形式の浮動小数点数を表す必要があり、parseFloat() には基本モードがないことです。

次に、parseFloat() メソッドの使用例を示します。

parseFloat("1234blue"); //returns 1234.0 parseFloat("0xA"); //returns NaN parseFloat("22.5"); //returns 22.5 parseFloat("22.34.5"); //returns 22.34 parseFloat("0908"); //returns 908 parseFloat("blue"); //returns NaN
ログイン後にコピー

[推奨学習:

js 基本チュートリアル

]

2強制型変換

型キャストを使用して、変換された値の型を処理することもできます。特定の値にアクセスするには、それが別の型であっても、キャストを使用します。

ECMAScript で使用できる 3 つの強制型変換は次のとおりです:

Boolean(value) - 指定された値をブール型に変換します;
  • Number(value)—指定された値を数値に変換します (整数または浮動小数点数にすることができます);
  • String(value)—指定された値を変換しますvalue to 指定された値を文字列に変換します。
  • これら 3 つの関数のいずれかを使用して値を変換すると、元の値から直接変換された値を格納する新しい値が作成されます。これにより、予期せぬ結果が生じる可能性があります。
Boolean() 関数は、変換される値が文字列、ゼロ以外の数値、または少なくとも 1 つの文字を含むオブジェクトである場合に true を返します (これについては次のセクションで説明します)。値が空の文字列、数値 0、未定義、または null の場合は、false を返します。

次のコード スニペットを使用して、ブール型変換をテストできます。

Boolean(""); //false – empty string Boolean("hi"); //true – non-empty string Boolean(100); //true – non-zero number Boolean(null); //false - null Boolean(0); //false - zero Boolean(new Object()); //true – object
ログイン後にコピー

Number() のキャストは、値の一部ではなく値全体を変換する点を除いて、parseInt() および parseFloat() メソッドと似ています。例は次のとおりです:

Number(false) 0 Number(true) 1 Number(undefined) NaN Number(null) 0 Number( "5.5 ") 5.5 Number( "56 ") 56 Number( "5.6.7 ") NaN Number(new Object()) NaN Number(100) 100
ログイン後にコピー

最後の強制型変換メソッド String() が最も単純で、例は次のとおりです:

var s1 = String(null); //"null" var oNull = null; var s2 = oNull.toString(); //won't work, causes an error
ログイン後にコピー

3. js 変数の弱い型変換を使用します。

小さな例を挙げてみましょう。見れば理解できるでしょう。

コードは次のとおりです:

ログイン後にコピー

上記の例では、js の弱い型の特性を利用し、算術演算のみを実行して文字列から数値への型変換を実現しています。

プログラミング関連の知識については、

プログラミング ビデオ

をご覧ください。 !

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!