Number()凭豪、parseInt()焙蹭、parseFloat()的區(qū)別

Number()、parseInt()嫂伞、parseFloat()的區(qū)別

最近在一個(gè)項(xiàng)目中遇到:需要在前臺(tái)頁(yè)面用javascript去處理很數(shù)值的計(jì)算孔厉。
各種用法都有,為了統(tǒng)一且保證處理方式正確帖努,特地總結(jié)了一下相關(guān)的數(shù)值轉(zhuǎn)換的用法:
作用:
Number():可以用于任何數(shù)據(jù)類(lèi)型轉(zhuǎn)換成數(shù)值撰豺;
parseInt()、parseFloat():專(zhuān)門(mén)用于把字符串轉(zhuǎn)換成數(shù)值拼余;
轉(zhuǎn)換規(guī)則:
Number():
1)如果是Boolean值污桦,true和false將分別轉(zhuǎn)換為1和0。
2)如果是數(shù)字值匙监,只是簡(jiǎn)單的傳入和返回凡橱。
3)如果是null值,返回0亭姥。
4)如果是undefined,返回NaN稼钩。
5)如果是字符串,遵循下列規(guī)則:
如果是字符串中只包含數(shù)字(包括前面帶正號(hào)或負(fù)號(hào)的情況)达罗,則將其轉(zhuǎn)換為十進(jìn)制數(shù)值坝撑,即“1”變成1,“123”會(huì)變成123,而“011”會(huì)變成11(前導(dǎo)的零被忽略了)绍载;
如果字符串中包含有效的浮點(diǎn)格式诡宗,如“1.1”,則將其轉(zhuǎn)換為對(duì)應(yīng)的浮點(diǎn)數(shù)值(同樣也會(huì)忽略前導(dǎo)零)击儡;
如果字符串中包含有效的十六進(jìn)制格式塔沃,例如"0xf",則將其他轉(zhuǎn)換為相同大小的十進(jìn)制整數(shù)值阳谍;
如果字符串是空的(不包含任何字符)蛀柴,則將其轉(zhuǎn)換為0;
如果字符串中包含除上述格式之外的字符矫夯,則將其他轉(zhuǎn)換成NaN.

6)如果是對(duì)象鸽疾,則調(diào)用對(duì)象的valueOf()方法,然后依照前面的規(guī)則轉(zhuǎn)換返回的值训貌。如果轉(zhuǎn)換的結(jié)果是NaN制肮,則調(diào)用的對(duì)象的toString()方法,然后再次依照前面的規(guī)則轉(zhuǎn)換返回的字符串值递沪。
ex:
var num1=Number("Hello World"); //NaN
var num2=Number(""); //0
var num3=Number("000011"); //11
var num4=Number(true); //1
由于Number()函數(shù)在轉(zhuǎn)換字符串時(shí)比較復(fù)雜而且不夠合理豺鼻,因此在處理整數(shù)的時(shí)候更常用的是parseInt()函數(shù)。
parseInt():
在轉(zhuǎn)換字符串時(shí)款慨,更多的時(shí)看其是否符合數(shù)值模式儒飒。會(huì)忽略字符串前面的空格,直至找到第一個(gè)非空格字符檩奠。
如果第一個(gè)字符不是數(shù)字字符或都負(fù)號(hào)桩了,parseInt()就會(huì)返回NaN; 也就是說(shuō),用parseInt()轉(zhuǎn)換空字符串會(huì)返回NaN埠戳。
如果第一個(gè)字符是數(shù)字字符井誉,parseInt()會(huì)繼續(xù)解析第二個(gè)字符,直到解析完所有后續(xù)字符或者遇到了一個(gè)非數(shù)字字符乞而。例如送悔,"1234blue"會(huì)被轉(zhuǎn)換為1234,因?yàn)?blue"會(huì)被完全忽略爪模。類(lèi)似地"22.5"會(huì)被轉(zhuǎn)換為22欠啤,因?yàn)樾?shù)點(diǎn)不是有效的數(shù)字字符。
如果字符串以"0x"開(kāi)頭且后跟數(shù)字字符屋灌,就會(huì)將其當(dāng)作一個(gè)十六進(jìn)制整數(shù)洁段;
如果字符串以"0"開(kāi)頭且后跟數(shù)字字符,就會(huì)將其當(dāng)作一個(gè)八進(jìn)制整數(shù)共郭;
parseInt()函數(shù)增加了第二參數(shù)用于指定轉(zhuǎn)換時(shí)使用的基數(shù)(即多少進(jìn)制)如:parseInt("10",16)//按十六進(jìn)制解析祠丝;parseInt("10",8)//按八進(jìn)制解析

parseFloat():
與parseInt()函數(shù)類(lèi)似疾呻,parseFloat()也是從第一個(gè)字符(位置0)形如解析每個(gè)字符,而且也是一直解析到字符串末尾写半,或者解析到遇見(jiàn)一個(gè)無(wú)效的浮點(diǎn)數(shù)字字符為止岸蜗。也就是說(shuō),字符串中的第一個(gè)小數(shù)點(diǎn)是有效的叠蝇,而第二個(gè)小數(shù)點(diǎn)就是無(wú)效的了璃岳,因此它后面的字符串將被忽略。例如:"22.34.5"將會(huì)轉(zhuǎn)換為22.34悔捶。
除了第一個(gè)小數(shù)點(diǎn)有效之外铃慷,parseFloat()與parseInt()的第二個(gè)區(qū)別在于它始終都會(huì)忽略前導(dǎo)的零。parseFloat()可以識(shí)別前面討論過(guò)的所有的浮點(diǎn)數(shù)值格式蜕该,也包括十進(jìn)制整數(shù)格式犁柜。但十六進(jìn)制格式的字符串則始終會(huì)被轉(zhuǎn)換成0。由于parseFloat()只解析十進(jìn)制值堂淡,因此它沒(méi)有用第二個(gè)參數(shù)指定基數(shù)的用法馋缅。
另外,如果字符串包含的是一個(gè)可解析為整數(shù)的數(shù)(沒(méi)有小數(shù)點(diǎn)淤齐,或者小數(shù)點(diǎn)后面都是零)股囊,parseFloat()會(huì)返回整數(shù)袜匿。
ex:
var num1=parseFloat("1234blue"); //1234
var num2=parseFloat("0xA"); //0
var num3=parseFloat("0908.5"); //908.5
var num4=parseFloat("3.125e7"); //31250000
注意:
1)值得注意的是更啄,浮點(diǎn)數(shù)值的最高精度是17位小數(shù),但在進(jìn)行算術(shù)計(jì)算時(shí)其精確度遠(yuǎn)遠(yuǎn)不如整數(shù)居灯。例如0.1加0.2的結(jié)果不是0.3祭务,而是0.30000000000000004;99.99加0.1的結(jié)果不是100.09而是100.08999999999999怪嫌。這個(gè)小小的舍人誤差會(huì)導(dǎo)致無(wú)法測(cè)試特定的浮點(diǎn)數(shù)值义锥。
例如:
if(a+b==0.3) //不要做這樣的測(cè)試
2)在計(jì)算時(shí)有可能會(huì)計(jì)算出NaN的結(jié)果,ECMAScript定義了isNaN()函數(shù)岩灭。這個(gè)函數(shù)接受一個(gè)參數(shù)拌倍,該參數(shù)可以是任何類(lèi)型,而函數(shù)會(huì)幫我們確定這個(gè)參數(shù)是否“不是數(shù)值”噪径。isNaN()在接收到一個(gè)值之后柱恤,會(huì)嘗試將這個(gè)值轉(zhuǎn)換為數(shù)值。不能轉(zhuǎn)換為數(shù)值的參數(shù)會(huì)返回true找爱。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末梗顺,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子车摄,更是在濱河造成了極大的恐慌寺谤,老刑警劉巖仑鸥,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異变屁,居然都是意外死亡眼俊,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)粟关,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)泵琳,“玉大人,你說(shuō)我怎么就攤上這事誊役』窳校” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵蛔垢,是天一觀的道長(zhǎng)击孩。 經(jīng)常有香客問(wèn)我,道長(zhǎng)鹏漆,這世上最難降的妖魔是什么巩梢? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮艺玲,結(jié)果婚禮上括蝠,老公的妹妹穿的比我還像新娘。我一直安慰自己饭聚,他們只是感情好忌警,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著秒梳,像睡著了一般法绵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上酪碘,一...
    開(kāi)封第一講書(shū)人閱讀 49,829評(píng)論 1 290
  • 那天朋譬,我揣著相機(jī)與錄音,去河邊找鬼兴垦。 笑死徙赢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的探越。 我是一名探鬼主播狡赐,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼扶关!你這毒婦竟也來(lái)了阴汇?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤节槐,失蹤者是張志新(化名)和其女友劉穎搀庶,沒(méi)想到半個(gè)月后拐纱,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡哥倔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年秸架,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咆蒿。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡东抹,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沃测,到底是詐尸還是另有隱情缭黔,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布蒂破,位于F島的核電站馏谨,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏附迷。R本人自食惡果不足惜惧互,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望喇伯。 院中可真熱鬧喊儡,春花似錦、人聲如沸稻据。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)攀甚。三九已至箩朴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間秋度,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工钱床, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留荚斯,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓查牌,卻偏偏與公主長(zhǎng)得像事期,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子纸颜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

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

  • 原文轉(zhuǎn)自: https://www.w3cmm.com/JavaScript/number-parseint-pa...
    wangyujie1207閱讀 714評(píng)論 0 2
  • 什么是 JavaScript 語(yǔ)言胁孙? JavaScript 是一種輕量級(jí)的腳本語(yǔ)言唠倦。所謂“腳本語(yǔ)言”(script...
    oWSQo閱讀 1,788評(píng)論 0 1
  • 我忘了 清晨称鳞,稻田里的露水 我忘了 午后,溫暖的陽(yáng)光 我忘了 夜里稠鼻,撲閃的流螢 ...
    余生賤閱讀 242評(píng)論 0 0
  • 最近冈止,各種有關(guān)社會(huì)階層討論的文章頻繁刷屏,每篇文章都直擊中產(chǎn)階層最大的軟肋——患得患失候齿。對(duì)自身現(xiàn)狀和前景的憂慮熙暴,對(duì)...
    a86807e99971閱讀 477評(píng)論 0 0
  • 初學(xué)者很容易把web標(biāo)準(zhǔn)理解為DIV+CSS,以為DIV的作用就是簡(jiǎn)單的替代表格去做表格以前做的事情,于是乎許多采...
    廖馬兒閱讀 564評(píng)論 0 0