ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptで文字を数字に変換する方法

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

青灯夜游
リリース: 2021-10-08 16:29:33
オリジナル
2610 人が閲覧しました

JavaScript で文字を数値に変換する方法: 1. 「parseInt(value)」ステートメントを使用します。 2. 「parseFloat(value)」ステートメントを使用します。 3. 乗算演算子、構文「value」を使用します。 * 1"; 4. 「Number(value)」ステートメントを使用します。

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

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

1. parseInt() を使用します

parseInt() は、値を整数に変換できるグローバル メソッドです。変換プロセスは次のとおりです。

  • 最初に位置 0 の文字を解析します。有効な数値でない場合は、NaN が直接返されます。

  • 位置 0 の文字が数値であるか、有効な数値に変換できる場合は、位置 1 の文字の解析を続行します。それが有効な数値でない場合は、有効な数値を返します。位置 0 の文字を直接指定します。

  • 以下同様に、数値以外の文字が見つかるまで、各文字を左から右に 1 つずつ分析します。

parseInt() は、以前に分析されたすべての有効な数値文字を数値に変換して返します。

console.log(parseInt("123abc"));  //返回数字123
console.log(parseInt("1.73"));   //返回数字1
console.log(parseInt(".123"));   //返回值NaN
ログイン後にコピー

浮動小数点数内のドットは parseInt() では不正な文字であるため、値の小数部分は変換されません。

2. parseFloat() 関数を使用する

parseFloat() もグローバル メソッドであり、値を浮動小数点数に変換できます。最初に出現した小数点を識別でき、2 番目の小数点は不正であると見なされます。解析プロセスは parseInt() メソッドと同じです。

console.log(parseFloat("1.234.5"));  //返回数值 1.234
ログイン後にコピー

parseFloat() のパラメータは 10 進形式の文字列である必要があり、8 進数または 16 進数の数値文字列は使用できません。同時に、数字の前の 0 (8 進数識別) は無視され、16 進数の場合は 0 が返されます。

console.log(parseFloat("123"));  //返回数值 123
console.log(parseFloat("123abc"));  //返回数值 123
console.log(parseFloat("010"));  //返回数值 10
console.log(parseFloat("0x10"));  //返回数值 0
console.log(parseFloat("x10"));  //返回数值 NaN
ログイン後にコピー

3. 乗算演算子を使用する

変数に 1 を乗算すると、JavaScript によって変数が自動的に数値に変換されます。 1 を乗算した後、結果は変わりませんが、値の型が数値に変換されます。値を有効な数値に減らすことができない場合は、NaN が返されます。

var a = 1;  //数值
var b = "1";  //数字字符串
console.log(a + (b * 1));  //返回数值 2
ログイン後にコピー

4. Number() 関数を使用する

Number() の強制は、parseInt() および parseFloat() メソッドとは異なる方法で処理されます。局所的な値ではなく、全体です。

console.log(Number("123abc"));  //返回NaN
console.log(Number("123"));  //返回数值123
ログイン後にコピー

[推奨学習: JavaScript 上級チュートリアル]

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

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