js中parseInt()與parseFloat(),Number(),Boolean(),String()轉換

js將字符串轉數(shù)值的方法主要有三種

轉換函數(shù)、強制類型轉換、利用js變量弱類型轉換。

1. 轉換函數(shù):

js提供了parseInt()和parseFloat()兩個轉換函數(shù)。前者把值轉換成整數(shù),后者把值轉換成浮點數(shù)。只有對String類型調用這些方法,這兩個函數(shù)才能正確運行;對其他類型返回的都是NaN(Not a Number)。

在判斷字符串是否是數(shù)字值前,parseInt()和parseFloat()都會仔細分析該字符串。

parseInt()方法首先查看位置0處的 字符,判斷它是否是個有效數(shù)字;如果不是,該方法將返回NaN,不再繼續(xù)執(zhí)行其他操作。但如果該字符是有效數(shù)字,該方法將查看位置1處的字符,進行同樣的測試。這一過程將持續(xù)到發(fā)現(xiàn)非有效數(shù)字的字符為止,此時parseInt()將把該字符之前的字符串轉換成數(shù)字。

例如,如果要把字符串 "1234blue "轉換成整數(shù),那么parseInt()將返回1234,因為當它檢測到字符b時,就會停止檢測過程。

字符串中包含的數(shù)字字面量會被正確轉換為數(shù)字,因此 字符串 "0xA "會被正確轉換為數(shù)字10。

不過,字符串 "22.5 "將被轉換成22,因為對于整數(shù)來說,小數(shù)點是無效字符。

一些示例如下:

Js代碼

parseInt("1234blue");//returns??? 1234

parseInt("0xA");//returns??? 10

parseInt("22.5");//returns??? 22

parseInt("blue");//returns??? NaN

parseInt()方法還有基模式,可以把二進制、八進制、十六進制或其他任何進制的字符串轉換成整數(shù)。

基是由parseInt()方法的第二個參數(shù)指定的,所以要解析十六進制的值,需如下調用parseInt()方法:

Js代碼

parseInt("AF",??? 16);//returns??? 175

當然,對二進制、八進制,甚至十進制(默認模式),都可以這樣調用parseInt()方法:

Js代碼

parseInt("10",??? 2);//returns??? 2

parseInt("10",??? 8);//returns??? 8

parseInt("10",??? 10);//returns??? 10

如果十進制數(shù)包含前導0,那么最好采用基數(shù)10,這樣才不會意外地得到八進制的值。例如:

Js代碼

parseInt("010");//returns??? 8

parseInt("010",??? 8);//returns??? 8

parseInt("010",??? 10);//returns??? 10

在這段代碼中,兩行代碼都把字符串 "010 "解析成了一個數(shù)字。第一行代碼把這個字符串看作八進制的值,解析它的方式與第二行代碼(聲明基數(shù)為8)相同。最后一行代碼聲明基數(shù)為10,所以iNum3最后等于10。

parseFloat()方法與parseInt()方法的處理方式相似,從位置0開始查看每個字符,直到找到第一個非有效的字符為止,然后把該字 符之前的字符串轉換成數(shù)字。

不過,對于這個方法來說,第一個出現(xiàn)的小數(shù)點是有效字符。如果有兩個小數(shù)點,第二個小數(shù)點將被看作無效的, parseFloat()方法會把這個小數(shù)點之前的字符串轉換成數(shù)字。這意味著字符串 "22.34.5 "將被解析成22.34。

使用parseFloat()方法的另一不同之處在于,字符串必須以十進制形式表示浮點數(shù),而不能用八進制形式或十六進制形式。

該方法會忽略前導0,所以八進制數(shù)0908將被解析為908。對于十六進制數(shù)0xA,該方法將返回NaN,因為在浮點數(shù)中,x不是有效字符。

此外,parseFloat()也沒有基模式。

下面是使用parseFloat()方法的示例:

Js代碼

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. 強制類型轉換

還可使用強制類型轉換(type casting)處理轉換值的類型。使用強制類型轉換可以訪問特定的值,即使它是另一種類型的。

ECMAScript中可用的3種強制類型轉換如下:

Boolean(value)——把給定的值轉換成Boolean型;

Number(value)——把給定的值轉換成數(shù)字(可以是整數(shù)或浮點數(shù));

String(value)——把給定的值轉換成字符串。

用這三個函數(shù)之一轉換值,將創(chuàng)建一個新值,存放由原始值直接轉換成的值。這會造成意想不到的后果。

當要轉換的值是至少有一個字符的字符串、非0數(shù)字或對象(下一節(jié)將討論這一點)時,Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、undefined或null,它將返回false。

可以用下面的代碼段測試Boolean型的強制類型轉換。

Js代碼

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(newObject());//true??? –??? object

Number()的強制類型轉換與parseInt()和parseFloat()方法的處理方式相似,只是它轉換的是整個值,而不是部分值。

還記 得嗎,parseInt()和parseFloat()方法只轉換第一個無效字符之前的字符串,因此 "4.5.6 "將被轉換為 "4.5 "。

用Number()進行強制類型轉換, "4.5.6 "將返回NaN,因為整個字符串值不能轉換成數(shù)字。

如果字符串值能被完整地轉換,Number()將判斷是調用parseInt()方法還是調用 parseFloat()方法。

下表說明了對不同的值調用Number()方法會發(fā)生的情況:

用法結果

Js代碼

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(newObject())??? NaN

Number(100)??? 100

最后一種強制類型轉換方法String()是最簡單的,因為它可把任何值轉換成字符串。

要執(zhí)行這種強制類型轉換,只需要調用作為參數(shù)傳遞進來的值的 toString()方法,即把1轉換成?? "1 ",把true轉換成 "true ",把false轉換成 "false ",依此類推。

強制轉換成字符串和調用toString()方法的唯一不同之處在于,對null或undefined值強制類型轉換可以生成字符串而不引 發(fā)錯誤:

Js代碼

vars1??? =??? String(null);//"null"

varoNull??? =null;

vars2??? =??? oNull.toString();//won’t??? work,??? causes??? an??? error

3. 利用js變量弱類型轉換

舉個小例子,一看,就會明白了。

Js代碼

varstr='012.345 ';

varx??? =??? str-0;

x??? =??? x*1;

上例利用了js的弱類型的特點,只進行了算術運算,實現(xiàn)了字符串到數(shù)字的類型轉換,不過這個方法還是不推薦的。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • JS 數(shù)據(jù)類型轉換 方法主要有三種 轉換函數(shù)、強制類型轉換、利用js變量弱類型轉換。 1. 轉換函數(shù): js提供了...
    曾_0f37閱讀 277評論 0 0
  • JS 數(shù)據(jù)類型轉換 方法主要有三種 轉換函數(shù)、強制類型轉換、利用js變量弱類型轉換。 1. 轉換函數(shù): js提供了...
    DRBIN閱讀 387評論 0 1
  • 在js中數(shù)據(jù)轉換分為3種:隱式類型轉換,強制類型轉換,函數(shù)轉換 1.隱式類型轉換 (1):運算符轉換 js中的值在...
    邵小懶閱讀 411評論 0 2
  • 官方中文版原文鏈接 感謝社區(qū)中各位的大力支持,譯者再次奉上一點點福利:阿里云產(chǎn)品券,享受所有官網(wǎng)優(yōu)惠,并抽取幸運大...
    HetfieldJoe閱讀 2,550評論 1 17
  • 之前沒有工作的時候,每天時間特別多,可以專心的坐下來看一本書。 如今有了工作,每天回到家后竟然連看書的時間都擠不出...
    cora的生活手冊閱讀 335評論 0 0