首頁 >web前端 >js教程 >javascript怎麼將字串轉換成數字

javascript怎麼將字串轉換成數字

青灯夜游
青灯夜游原創
2021-10-15 11:55:5461204瀏覽

轉換方法:1、利用「-」、「*」、「/」、「%」、「 」、「--」等運算子;2、使用「Number(值)」語句; 3.使用「parseInt(stringNum)」語句;4、使用「parseFloat(stringNum)」語句。

javascript怎麼將字串轉換成數字

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript將字串轉換成數字

#方法1:使用-* /% 、--等運算子

 JavaScript 會自動將字串轉換成數字,對無法轉換為數字的則轉換為NaN。例如:

alert("30"/5);   //除运算,结果为:6
alert("15"-5);   //减运算,结果为:10
alert("20"*"a"); //乘运算,结果为:NaN
alert("20"%"3"); //取模运算,结果为:2
var num1 = "6";
var num2 = "6";
var num3 = "a";
alert(++num1);  //将字符串转换为数字再进行++运算,结果为:7
alert(--num2);  //将字符串转换为数字再进行--运算,结果为:5
alert(++num3);  //字符串无法转换为数字,结果为:NaN

方法2:使用Number()函數

#Number()函數可以將參數轉換為一個數字

#使用格式如下:

Number(value)

Number() 對參數value 進行整體轉換,當參數值中任何地方包含了無法轉換為數字的符號時,轉換失敗,此時將返回NaN,否則返回轉換後的數字。

Number() 對參數進行數字轉換時,遵循以下一些規則:

  • #如果參數只包含數字時,將轉換為十進位數字,忽略前導0以及前導空格;如果數字前面為-,-會保留在轉換結果中;如果數字前面為,轉換後將刪掉號;

  • 如果參數中包含有效浮點數字,將轉換為對應的浮點數字,忽略前導0 以及前導空格;如果數字前面為-,-會保留在轉換結果中;如果數字前面為,轉換後將刪掉號;

  • 如果參數中包含有效的十六進位數字,將轉換為對應大小的十進制數字;

  • 如果參數為空字串,將轉換為0;

  • 如果參數為布林值,則將true 轉換為1,將false 轉換為0;

  • 如果參數為null,將轉換為0;

  • 如果參數為undefined,將轉換為NaN;

  • 如果參數為Date 對象,將轉換為從1970 年1月1 日到執行轉換時的毫秒數;

  • 如果參數為函數、包含兩個元素以上的陣列對像以及除Date 對像以外的其他對象,將轉換為NaN;

如果在參數前麵包含了除空格、 和-以外的其他特殊符號或非數字字符,或在參數中間包含了包括空格、 和-的特殊符號或非數字字符,將轉換為NaN。

轉換範例:

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

從上述範例中,我們也可以看到,Number() 是從整體上進行轉換的,任何一個地方含有非法字符,都會導致轉換無法成功。接下來將介紹的兩個函數與 Number() 不同的是,轉換是從左到右逐位轉換,任何一位無法轉換時立即停止轉換,同時傳回已成功轉換的值。

方法3:使用parseInt()函數

parseInt()函數可以將參數轉換為一個整數

使用格式如下:

parseInt(stringNum,[radix])

stringNum 參數為需要轉換為整數的字串;radix 參數為2~36 之間的數字,表示stringNum 參數的進制數,取值為10 時可省略。

parseInt() 的作用是將以 radix 為基數的 stringNum 字串參數解析成十進位數。若 stringNum 字串不是以合法的字符開頭,則返回 NaN;解析過程中如果遇到不合法的字符,將馬上停止解析,並返回已經解析的值。

parseInt() 在解析字串為整數時,遵循以下規則:

  • #解析字串時,會忽略字串前後的空格;如果字串前面為-,-會保留在轉換結果中;如果數字前面為,轉換後將刪掉號碼;

  • 如果字串前面為除空格、 和-以外的特殊符號或除a~f(或A~F)之外的非數字字符,字串將不會被解析,返回結果為NaN;

  • 在字串中包含了空格、 、-和小數點「。」等特殊符號或非數字的字元時,解析將在遇到這些字元時停止,並傳回已解析的結果;

  • 如果字串是空字串,傳回結果為NaN。

轉換範例:

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

從上述範例我們可以看到,parseInt() 解析浮點數時,小數部分資料會被截掉,此時需要使用以下將要介紹的parseFloat(),而不能使用parseInt()。

方法4:使用parseFloat()函數

parseFloat()函數可以將參數轉換為一個浮點數

使用格式如下:

parseFloat(stringNum)

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn