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

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

青灯夜游
リリース: 2021-10-15 14:56:46
オリジナル
61218 人が閲覧しました

変換方法: 1. "-"、"*"、"/"、"%"、" "、"--" などの演算子を使用します。 2. "数値 (値)" ステートメントを使用します。 ; 3. 「parseInt(stringNum)」ステートメントを使用します; 4. 「parseFloat(stringNum)」ステートメントを使用します。

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

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

JavaScript は文字列を数値に変換します

方法 1: -* を使用します。 /% 、-- およびその他の演算子

JavaScript は、次の場合に文字列を数値に自動的に変換します。数値に変換することはできず、NaN に変換されます。例:

alert("30"/5);   //除运算,结果为:6
alert("15"-5);   //减运算,结果为:10
alert("20"*"a"); //乘运算,结果为:NaN
alert("20"%"3"); //取模运算,结果为:2
ログイン後にコピー
rrree

方法 2: Number() 関数を使用する

Number() 関数はパラメータを数値に変換できます

形式は次のとおりです:

var num1 = "6";
var num2 = "6";
var num3 = "a";
alert(++num1);  //将字符串转换为数字再进行++运算,结果为:7
alert(--num2);  //将字符串转换为数字再进行--运算,结果为:5
alert(++num3);  //字符串无法转换为数字,结果为:NaN
ログイン後にコピー

Number() はパラメータ値の全体的な変換を実行します。パラメータ値に数値に変換できない記号が含まれている場合、変換は失敗し、NaN が返されます。それ以外の場合は、変換された数値が返されます。

Number() は、パラメーターを数値に変換するときに次の規則に従います。

  • パラメーターに数値のみが含まれている場合は、先頭の文字列を無視して 10 進数に変換されます。 0 と先頭のスペース。数値の前に - がある場合、- は変換結果に保持されます。数値の前にある場合、記号は変換後に削除されます。

  • Ifパラメータには有効な浮動小数点数が含まれており、先頭の 0 と先頭のスペースを無視して、対応する浮動小数点数に変換されます。数値の前に - がある場合、- は変換結果に保持されます。数値の前にある場合、記号は変換後に削除されます;

  • パラメータに有効な 16 進数が含まれている場合は、対応するサイズの 10 進数に変換されます;

  • パラメータが空の文字列の場合は 0 に変換されます。

  • パラメータがブール値の場合は、true は 1 に変換され、false は に変換されます。 0;

  • パラメータが null の場合は 0 に変換されます;

  • パラメータが未定義の場合は 0 に変換されますNaN;

  • パラメータが Date オブジェクトの場合、1970 月の 1 日から変換が実行されるまでのミリ秒数から 1 に変換されます。

  • ##パラメータが関数、3 つ以上の要素を含む配列オブジェクト、および Date オブジェクト以外のその他のオブジェクトの場合、NaN に変換されます。
  • #パラメータに他の特殊記号やスペースを除く数字以外の文字が含まれており、パラメータの前に - が含まれている場合、またはパラメータにスペースを含む特殊記号や数字以外の文字が含まれており、パラメータ文字の途中に - がある場合は、 NaN に変換されます。
変換例:

Number(value)
ログイン後にコピー

上記の例から、Number() が全体として変換されることもわかりますが、任意の場所に不正な文字が含まれていると、変換は失敗します。 。次に紹介する 2 つの関数と Number() の違いは、変換が左から右へ 1 ビットずつ行われ、変換できないビットがある場合は直ちに変換を中止し、変換に成功した値を返すことです。

方法 3: parseInt() 関数を使用する

parseInt() 関数はパラメータを整数に変換できます

形式は次のとおりです。 :

alert(Number("0010"));  //去掉两个前导0,结果为:10
alert(Number("+010"));  //去掉前导0和+,结果为:10
alert(Number("-10"));  //转换后保留“-”号,结果为:-10
alert(Number(''));      //空字符串的转换结果为:0
alert(Number(true));   //布尔值true的转换结果为:1
alert(Number(null));   //null值的转换结果为:0
var d = new Date();      //创建一个Date对象
alert(Number(d));     //转换Date对象,结果为1970.1.1至执行转换时的毫秒数:1511351635179
alert(Number("100px"));   //参数中包含了不能转换为数字的字符px,结果为:NaN
alert(Number("100 01"));  //参数中包含了空格,导致整个参数不能转换,结果为:NaN
alert(Number("100-123")); //参数中包含了“-”,导致整个参数不能转换,结果为:NaN
var a;                   //声明变量
alert(Number(a));     //变量a没有赋值,因而a的值为undefined,转换undefined的结果为:NaN
var fn = function (){alert(1);}; //创建一个函数对象
alert(Number(fn));     //转换函数,结果为:NaN
alert(Number(window)); //转换window对象,结果为:NaN
ログイン後にコピー

stringNum パラメータは、整数に変換する必要がある文字列です。radix パラメータは、stringNum パラメータの基数を示す 2 ~ 36 の数値です。値が適切な場合は省略できます。は10です。

parseInt() の機能は、基数を基数とする stringNum 文字列パラメータを 10 進数に解析することです。 stringNum 文字列が正当な文字で始まらない場合は NaN が返され、解析プロセス中に不正な文字が検出された場合は、解析は直ちに停止され、解析された値が返されます。

parseInt() は、文字列を整数として解析するときに次の規則に従います:

文字列を解析するとき、文字列の前後のスペースは無視されます。 -, - は変換結果に残ります; 数字の前にある場合、記号は変換後に削除されます;
  • 文字列の前にスペース以外の特殊記号がある場合、および - または a~f (または A~F) 以外の数字以外の文字の場合、文字列は解析されず、返される結果は NaN になります。
  • にはスペース、、が含まれます。 - 小数点「.」およびその他の特殊記号または数字以外の文字の場合、これらの文字が検出されると解析は停止し、解析結果が返されます;
  • 文字列が空の文字列。戻り結果は NaN です。
  • 変換例:
  • parseInt(stringNum,[radix])
    ログイン後にコピー
上記の例から、parseInt() が浮動小数点数を解析するときに、データの小数部分が切り捨てられることがわかります。以下で紹介する ParseFloat() を使用する必要がありますが、parseInt() の代わりに使用することはできません。

方法 4: parseFloat() 関数を使用する

parseFloat() 関数はパラメータを浮動小数点数に変換できます

形式は次のとおりです。次のとおりです。

alert(parseInt("1101",2));  //以2为基数的1101字符串解析后的结果为:13
alert(parseInt("a37f",16)); //以16为基数的a37f字符串解析后的结果为:41855
alert(parseInt("123"));     //以10为基数的123字符串解析后的结果为:123
alert(parseInt("  123"));   //字符串前面的空格会被忽略,结果为:123
alert(parseInt("12 3"));    //字符串中包含了空格,解析到空格时停止,结果为12
alert(parseInt("12.345")); //字符串中包含了小数点,解析到小数点时停止,结果为12
alert(parseInt("xy123"));  //字符串前面包含了非数字字符“x”,无法解析,返回结果为:NaN
alert(parseInt("123xy4")); //字符串中包含了非数字字符“xy”,解析到“x”时停止,结果为:123
ログイン後にコピー

stringNum パラメータは、浮動小数点型に解析する必要がある文字列です。

parseFloat() 的作用是将首位为数字的字符串转解析成浮点型数。若 stringNum 字符串不是以合法的字符开头,则返回 NaN;解析过程中如果遇到不合法的字符,将马上停止解析,并返回已经解析的值。

parseFloat() 在解析字符串为整数时,遵循以下规则:

  • 解析字符串时,会忽略字符串前后的空格;如果字符串前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;如果字符串前面为小数点.转换结果会在小数点前面添加 0;

  • 如果字符串前面为除空格、+、-和。以外的特殊符号,字符串将不会被解析,返回结果为 NaN;

  • 在字符串中包含了空格、+和-等特殊符号或非数字的字符时,解析将在遇到这些字符时停止,并返回已解析的结果;

  • 在字符串中包含两个以上为小数点时,解析到第二个小数点时将停止解析,并返回已解析的结果;

  • 如果字符串是空字符串,返回结果为 NaN。

转换示例:

alert(parseFloat("312.456"));//结果为:312.456
alert(parseFloat("-3.12"));//字符串前面的“-”将保留,结果为:-3.12
alert(parseFloat("+3.12"));//字符串前面的“-”将保留,结果为:3.12
alert(parseFloat(".12"));//在小数点前面添加0,结果为:0.12
alert(parseFloat("  3.12"));//截掉字符串前面的空格,结果为:3.12
alert(parseFloat("312.4A56"));//字符串中包含非数字字符A,解析到A时停止,结果为:312.4
alert(parseFloat("31 2.4A56"));//字符串中包含空格,解析到空格时停止,结果为:31
alert(parseFloat("31.2.5"));//字符串中包含两个小数点,解析到第二个小数点时停止,结果为:31.2
alert(parseFloat("a312.456"));//字符串前面为非数字字符a,解析无法进行,结果为:NaN
ログイン後にコピー

【推荐学习:javascript高级教程

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

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