JavaScript基礎(chǔ)學(xué)習(xí)(三)-number類型

number數(shù)字類型

包含:常規(guī)數(shù)字烘绽、NaN

NaN

not a number: 不是一個數(shù)夹界,但它屬于數(shù)字類型
NaN和任何值(包括自己)都不想等:NaN != NaN嘁捷,所以我們不能用相等的方式判斷是否為有效數(shù)字

isNaN

檢測一個值是否為非有效數(shù)字窖逗,如果不是有效數(shù)字返回true累奈,反之是有效數(shù)字返回false

console.log(isNaN('10')); // => false
/* 
  Number('10') => 10
  isNaN(10) => false
*/

注意:在使用isNaN進行檢測的時候斥铺,首先會驗證檢測的值是否為數(shù)字類型彻桃,如果不是,先基于Number()這個方法晾蜘,把值轉(zhuǎn)換為數(shù)字類型邻眷,然后再檢測

把其他類型值轉(zhuǎn)換為數(shù)字類型

  • Number([val])
// 把字符串轉(zhuǎn)換為數(shù)字,只要字符串中包含任意一個非有效數(shù)字字符(第一點除外)結(jié)果都是NaN剔交,空字符串會變?yōu)?
console.log(Number(`12.5`)); // => 12.5
console.log(Number(`12.5px`)); // => NaN
console.log(Number('')); // => 0

// 布爾類型轉(zhuǎn)換為數(shù)字
console.log(Number(true)); // => 1
console.log(Number(false)); // => 0
console.log(isNaN(false)); // false
console.log(isNaN(true)); // false

// null -> 0 undefined -> NaN
console.log(Number(null)); // => 0
console.log(Number(undefined)); // => NaN

// 把引用數(shù)據(jù)類型轉(zhuǎn)換為數(shù)字肆饶,是先把它基于toString方法轉(zhuǎn)換為字符串,然后在轉(zhuǎn)換為數(shù)字
console.log(Number({name: '10'})); // => NaN
console.log(Number({})); // => NaN
// {}/{xxx: 'xxx'}.toString() => "[object object]"

console.log(Number([])); // => 0
// [].toString() => ''

console.log(Number([12])); // => 12
// [12].toString() => '12'

console.log(Number([12, 23])); // NaN
// [12, 23].toString() => '12,23'

  • parseInt/parseFloat([val], [進制]): 也是轉(zhuǎn)換為數(shù)字的方法岖常,對于字符串來說驯镊,它是從左到右一次查找有效數(shù)字字符,直到遇到非有效數(shù)字字符竭鞍,停止查找(不管后面是否還有數(shù)字板惑,都不再找了),把找到的當做數(shù)字返回
let str = '12.5px';
console.log(Number(str)); // => NaN
console.log(parseInt(str)); // => 12
console.log(parseFloat(str)); // => 12.5
console.log(parseFloat('width:12.5px')); // => NaN
  • ==進行比較的時候偎快,可能要出現(xiàn)把其他類型值轉(zhuǎn)換為數(shù)字
console.log(‘10’ == 10); // true 
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末冯乘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子晒夹,更是在濱河造成了極大的恐慌裆馒,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件惋戏,死亡現(xiàn)場離奇詭異领追,居然都是意外死亡,警方通過查閱死者的電腦和手機响逢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門绒窑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人舔亭,你說我怎么就攤上這事些膨◇翱。” “怎么了?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵订雾,是天一觀的道長肢预。 經(jīng)常有香客問我,道長洼哎,這世上最難降的妖魔是什么烫映? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮噩峦,結(jié)果婚禮上锭沟,老公的妹妹穿的比我還像新娘。我一直安慰自己识补,他們只是感情好族淮,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著凭涂,像睡著了一般祝辣。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上切油,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天蝙斜,我揣著相機與錄音,去河邊找鬼白翻。 笑死乍炉,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的滤馍。 我是一名探鬼主播岛琼,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼巢株!你這毒婦竟也來了槐瑞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤阁苞,失蹤者是張志新(化名)和其女友劉穎困檩,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體那槽,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡悼沿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了骚灸。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片糟趾。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出义郑,到底是詐尸還是另有隱情蝶柿,我是刑警寧澤,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布非驮,位于F島的核電站交汤,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏劫笙。R本人自食惡果不足惜芙扎,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望邀摆。 院中可真熱鬧纵顾,春花似錦、人聲如沸栋盹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽例获。三九已至,卻和暖如春曹仗,著一層夾襖步出監(jiān)牢的瞬間榨汤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工怎茫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留收壕,地道東北人。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓轨蛤,卻偏偏與公主長得像蜜宪,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子祥山,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354