javascript如何將字符串轉(zhuǎn)換成數(shù)字

這篇文章將為大家詳細(xì)講解有關(guān)javascript如何將字符串轉(zhuǎn)換成數(shù)字，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

轉(zhuǎn)換方法：1、利用“-”、“*”、“/”、“%”、“++”、“--”等運(yùn)算符；2、使用“Number(值)”語句；3、使用“parseInt(stringNum)”語句；4、使用“parseFloat(stringNum)”語句。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript將字符串轉(zhuǎn)換成數(shù)字

方法1：使用-、*、/、%、++、--等運(yùn)算符

JavaScript 會自動將字符串轉(zhuǎn)換成數(shù)字，對無法轉(zhuǎn)換為數(shù)字的則轉(zhuǎn)換為 NaN。例如：

alert("30"/5);   //除運(yùn)算，結(jié)果為：6
alert("15"-5);   //減運(yùn)算，結(jié)果為：10
alert("20"*"a"); //乘運(yùn)算，結(jié)果為：NaN
alert("20"%"3"); //取模運(yùn)算，結(jié)果為：2

var num1 = "6";
var num2 = "6";
var num3 = "a";
alert(++num1);  //將字符串轉(zhuǎn)換為數(shù)字再進(jìn)行++運(yùn)算，結(jié)果為：7
alert(--num2);  //將字符串轉(zhuǎn)換為數(shù)字再進(jìn)行--運(yùn)算，結(jié)果為：5
alert(++num3);  //字符串無法轉(zhuǎn)換為數(shù)字，結(jié)果為：NaN

方法2：使用Number()函數(shù)

Number()函數(shù)可以將參數(shù)轉(zhuǎn)換為一個(gè)數(shù)字

使用格式如下：

Number(value)

Number() 對參數(shù) value 進(jìn)行整體轉(zhuǎn)換，當(dāng)參數(shù)值中任何地方包含了無法轉(zhuǎn)換為數(shù)字的符號時(shí)，轉(zhuǎn)換失敗，此時(shí)將返回 NaN，否則返回轉(zhuǎn)換后的數(shù)字。

Number() 對參數(shù)進(jìn)行數(shù)字轉(zhuǎn)換時(shí)，遵循以下一些規(guī)則：

• 如果參數(shù)中只包含數(shù)字時(shí)，將轉(zhuǎn)換為十進(jìn)制數(shù)字，忽略前導(dǎo) 0 以及前導(dǎo)空格；如果數(shù)字前面為-，-會保留在轉(zhuǎn)換結(jié)果中；如果數(shù)字前面為+，轉(zhuǎn)換后將刪掉+號；

• 如果參數(shù)中包含有效浮點(diǎn)數(shù)字，將轉(zhuǎn)換為對應(yīng)的浮點(diǎn)數(shù)字，忽略前導(dǎo) 0 以及前導(dǎo)空格；如果數(shù)字前面為-，-會保留在轉(zhuǎn)換結(jié)果中；如果數(shù)字前面為+，轉(zhuǎn)換后將刪掉+號；

• 如果參數(shù)中包含有效的十六進(jìn)制數(shù)字，將轉(zhuǎn)換為對應(yīng)大小的十進(jìn)制數(shù)字；

• 如果參數(shù)為空字符串，將轉(zhuǎn)換為 0；

• 如果參數(shù)為布爾值，則將 true 轉(zhuǎn)換為 1，將 false 轉(zhuǎn)換為 0；

• 如果參數(shù)為 null，將轉(zhuǎn)換為 0；

• 如果參數(shù)為 undefined，將轉(zhuǎn)換為 NaN；

• 如果參數(shù)為 Date 對象，將轉(zhuǎn)換為從 1970 年 1 月 1 日到執(zhí)行轉(zhuǎn)換時(shí)的毫秒數(shù)；

• 如果參數(shù)為函數(shù)、包含兩個(gè)元素以上的數(shù)組對象以及除 Date 對象以外的其他對象，將轉(zhuǎn)換為 NaN；

如果在參數(shù)前面包含了除空格、+和-以外的其他特殊符號或非數(shù)字字符，或在參數(shù)中間包含了包括空格、+和-的特殊符號或非數(shù)字字符，將轉(zhuǎn)換為 NaN。

轉(zhuǎn)換示例：

alert(Number("0010"));  //去掉兩個(gè)前導(dǎo)0，結(jié)果為：10
alert(Number("+010"));  //去掉前導(dǎo)0和+，結(jié)果為：10
alert(Number("-10"));  //轉(zhuǎn)換后保留“-”號，結(jié)果為：-10
alert(Number(''));      //空字符串的轉(zhuǎn)換結(jié)果為：0
alert(Number(true));   //布爾值true的轉(zhuǎn)換結(jié)果為：1
alert(Number(null));   //null值的轉(zhuǎn)換結(jié)果為：0
var d = new Date();      //創(chuàng)建一個(gè)Date對象
alert(Number(d));     //轉(zhuǎn)換Date對象，結(jié)果為1970.1.1至執(zhí)行轉(zhuǎn)換時(shí)的毫秒數(shù)：1511351635179
alert(Number("100px"));   //參數(shù)中包含了不能轉(zhuǎn)換為數(shù)字的字符px，結(jié)果為：NaN
alert(Number("100 01"));  //參數(shù)中包含了空格，導(dǎo)致整個(gè)參數(shù)不能轉(zhuǎn)換，結(jié)果為：NaN
alert(Number("100-123")); //參數(shù)中包含了“-”，導(dǎo)致整個(gè)參數(shù)不能轉(zhuǎn)換，結(jié)果為：NaN
var a;                   //聲明變量
alert(Number(a));     //變量a沒有賦值，因而a的值為undefined,轉(zhuǎn)換undefined的結(jié)果為：NaN
var fn = function (){alert(1);}; //創(chuàng)建一個(gè)函數(shù)對象
alert(Number(fn));     //轉(zhuǎn)換函數(shù)，結(jié)果為:NaN
alert(Number(window)); //轉(zhuǎn)換window對象，結(jié)果為:NaN

從上述示例中，我們也可以看到，Number() 是從整體上進(jìn)行轉(zhuǎn)換的，任何一個(gè)地方含有非法字符，都將導(dǎo)致轉(zhuǎn)換無法成功。接下來將介紹的兩個(gè)函數(shù)與 Number() 不同的是，轉(zhuǎn)換是從左到右逐位進(jìn)行轉(zhuǎn)換，任何一位無法轉(zhuǎn)換時(shí)立即停止轉(zhuǎn)換，同時(shí)返回已成功轉(zhuǎn)換的值。

方法3：使用parseInt()函數(shù)

parseInt()函數(shù)可以將參數(shù)轉(zhuǎn)換為一個(gè)整數(shù)

使用格式如下：

parseInt(stringNum,[radix])

stringNum 參數(shù)為需要轉(zhuǎn)換為整數(shù)的字符串；radix 參數(shù)為 2～36 之間的數(shù)字，表示 stringNum 參數(shù)的進(jìn)制數(shù)，取值為 10 時(shí)可省略。

parseInt() 的作用是將以 radix 為基數(shù)的 stringNum 字符串參數(shù)解析成十進(jìn)制數(shù)。若 stringNum 字符串不是以合法的字符開頭，則返回 NaN；解析過程中如果遇到不合法的字符，將馬上停止解析，并返回已經(jīng)解析的值。

parseInt() 在解析字符串為整數(shù)時(shí)，遵循以下規(guī)則：

• 解析字符串時(shí)，會忽略字符串前后的空格；如果字符串前面為-，-會保留在轉(zhuǎn)換結(jié)果中；如果數(shù)字前面為+，轉(zhuǎn)換后將刪掉+號；

• 如果字符串前面為除空格、+和-以外的特殊符號或除 a～f（或 A～F）之外的非數(shù)字字符，字符串將不會被解析，返回結(jié)果為 NaN；

• 在字符串中包含了空格、+、-和小數(shù)點(diǎn)“?！钡忍厥夥柣蚍菙?shù)字的字符時(shí)，解析將在遇到這些字符時(shí)停止，并返回已解析的結(jié)果；

• 如果字符串是空字符串，返回結(jié)果為 NaN。

轉(zhuǎn)換示例：

alert(parseInt("1101",2));  //以2為基數(shù)的1101字符串解析后的結(jié)果為：13
alert(parseInt("a37f",16)); //以16為基數(shù)的a37f字符串解析后的結(jié)果為：41855
alert(parseInt("123"));     //以10為基數(shù)的123字符串解析后的結(jié)果為：123
alert(parseInt("  123"));   //字符串前面的空格會被忽略，結(jié)果為：123
alert(parseInt("12 3"));    //字符串中包含了空格，解析到空格時(shí)停止，結(jié)果為12
alert(parseInt("12.345")); //字符串中包含了小數(shù)點(diǎn)，解析到小數(shù)點(diǎn)時(shí)停止，結(jié)果為12
alert(parseInt("xy123"));  //字符串前面包含了非數(shù)字字符“x”，無法解析，返回結(jié)果為：NaN
alert(parseInt("123xy4")); //字符串中包含了非數(shù)字字符“xy”，解析到“x”時(shí)停止，結(jié)果為：123

從上述示例我們可以看到，parseInt() 解析浮點(diǎn)數(shù)時(shí)，小數(shù)部分?jǐn)?shù)據(jù)會被截掉，此時(shí)需要使用下面將介紹的 parseFloat()，而不能使用 parseInt()。

方法4：使用parseFloat()函數(shù)

parseFloat()函數(shù)可以將參數(shù)轉(zhuǎn)換為一個(gè)浮點(diǎn)數(shù)

使用格式如下：

parseFloat(stringNum)

stringNum 參數(shù)為需要解析為浮點(diǎn)型的字符串。

parseFloat() 的作用是將首位為數(shù)字的字符串轉(zhuǎn)解析成浮點(diǎn)型數(shù)。若 stringNum 字符串不是以合法的字符開頭，則返回 NaN；解析過程中如果遇到不合法的字符，將馬上停止解析，并返回已經(jīng)解析的值。

parseFloat() 在解析字符串為整數(shù)時(shí)，遵循以下規(guī)則：

• 解析字符串時(shí)，會忽略字符串前后的空格；如果字符串前面為-，-會保留在轉(zhuǎn)換結(jié)果中；如果數(shù)字前面為+，轉(zhuǎn)換后將刪掉+號；如果字符串前面為小數(shù)點(diǎn).轉(zhuǎn)換結(jié)果會在小數(shù)點(diǎn)前面添加 0；

• 如果字符串前面為除空格、+、-和。以外的特殊符號，字符串將不會被解析，返回結(jié)果為 NaN；

• 在字符串中包含了空格、+和-等特殊符號或非數(shù)字的字符時(shí)，解析將在遇到這些字符時(shí)停止，并返回已解析的結(jié)果；

• 在字符串中包含兩個(gè)以上為小數(shù)點(diǎn)時(shí)，解析到第二個(gè)小數(shù)點(diǎn)時(shí)將停止解析，并返回已解析的結(jié)果；

• 如果字符串是空字符串，返回結(jié)果為 NaN。

轉(zhuǎn)換示例：

alert(parseFloat("312.456"));//結(jié)果為：312.456
alert(parseFloat("-3.12"));//字符串前面的“-”將保留，結(jié)果為：-3.12
alert(parseFloat("+3.12"));//字符串前面的“-”將保留，結(jié)果為：3.12
alert(parseFloat(".12"));//在小數(shù)點(diǎn)前面添加0，結(jié)果為：0.12
alert(parseFloat("  3.12"));//截掉字符串前面的空格，結(jié)果為：3.12
alert(parseFloat("312.4A56"));//字符串中包含非數(shù)字字符A，解析到A時(shí)停止，結(jié)果為：312.4
alert(parseFloat("31 2.4A56"));//字符串中包含空格，解析到空格時(shí)停止，結(jié)果為：31
alert(parseFloat("31.2.5"));//字符串中包含兩個(gè)小數(shù)點(diǎn)，解析到第二個(gè)小數(shù)點(diǎn)時(shí)停止，結(jié)果為：31.2
alert(parseFloat("a312.456"));//字符串前面為非數(shù)字字符a，解析無法進(jìn)行，結(jié)果為：NaN

關(guān)于“javascript如何將字符串轉(zhuǎn)換成數(shù)字”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。