ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を数値に変換する方法

JavaScript を数値に変換する方法

醉折花枝作酒筹
リリース: 2023-01-04 09:36:08
オリジナル
6847 人が閲覧しました

変換方法: 1. 変換関数 parseInt() および parseFloat()、構文 "parseInt("value")" および "parseFloat("value")" を使用します; 2. 強制型変換を使用します。 using Number () 指定された値を数値に変換します。構文は "Number("value") です。

JavaScript を数値に変換する方法

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

js がテキスト ボックスまたはその他のフォーム データを読み取るときに取得される値は文字列型です (たとえば、a の値が 2 つのテキスト ボックス a と b である場合)。は 11、b の値は 9、この場合、両方とも文字列形式であるため、a.value は b.value より小さくなります。

JavaScript を数値に変換するには、変換関数と強制という 2 つの主な方法があります。型変換

1. 変換関数:

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

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

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

parseInt() メソッドには基本モードもあり、バイナリ、8 進数、16 進数、またはその他の基本文字列を整数に変換できます。 . Base 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
ログイン後にコピー

2. 強制型変換

これも OK 型キャストを使用して、値の型の変換を処理します。型キャストを使用すると、たとえ別の型であっても、特定の値にアクセスできます。 ECMAScript で使用できるキャストには次の 3 種類があります:

    Boolean(value)—指定された値をブール型に変換します;
  • Number (value) - 指定された値をブール型に変換します 値を数値に変換します (整数または浮動小数点数にすることができます);
  • String(value) - 指定された値を変換します値を文字列に変換します。
  • これら 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
ログイン後にコピー

推奨学習:

javascript ビデオ チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート