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

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

このチュートリアルの動作環境: 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 変数の弱い型変換を使用します。

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

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

<script>
var str= &#39;012.345 &#39;;
var x = str-0;
x = x*1;
</script>

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

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

プログラミング ビデオ

をご覧ください。 ！

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