搞定 ParseInt() 的怪異行為
parseInt()是內(nèi)置的 JS 函數(shù)，用于解析數(shù)字字符串中的整數(shù)。例如，解析數(shù)字字符串'100'：
- const number = parseInt('100');
- number; // 100
如預(yù)期的那樣，'100'被解析為整數(shù) 100。
parseInt(numericalString, radix)還接受第二個(gè)參數(shù)：從 2 到 36，表示字符串的基數(shù)。例如指定 16 表示被解析值是十六進(jìn)制數(shù)。請(qǐng)注意，10 不是默認(rèn)值，最常見(jiàn)的是 2、8、10 和 16。
例如我們使用 parseInt 以二進(jìn)制方式解析數(shù)字字符串：
- const number = parseInt('100', 2);
- number; // 4
100 對(duì)應(yīng)的二進(jìn)制數(shù)是 4，所以返回 4。
1. parseInt() 的怪異行為
parseInt(numericalString)始終將其第一個(gè)參數(shù)轉(zhuǎn)換為字符串(如果不是字符串)，然后將該數(shù)字字符串解析為整數(shù)值。
這就是為什么你可以(但不應(yīng)該)使用parseInt()提取浮點(diǎn)數(shù)的整數(shù)部分的原因：
- parseInt(0.5); // => 0
- parseInt(0.05); // => 0
- parseInt(0.005); // => 0
- parseInt(0.0005); // => 0
- parseInt(0.00005); // => 0
- parseInt(0.000005); // => 0
提取浮點(diǎn)數(shù)的整數(shù)部分，如0.5、0.05等，結(jié)果為0, 這和預(yù)期的一樣。
那提取0.0000005的整數(shù)部分怎么樣?
- parseInt(0.0000005); // => 5
parseInt() 將浮點(diǎn)數(shù) 0.0000005 解析為 5。為什么 parseInt(0.0000005) 有這樣一個(gè)怪異的行為?
2.解決parseInt()怪異行為
我們?cè)倏匆豢?parseInt(numericalString) 的第一個(gè)參數(shù)：如果它不是字符串，則將其轉(zhuǎn)換為字符串，然后解析，并返回解析后的整數(shù)。
這可能是第一個(gè)線索。
然后，我們嘗試將浮點(diǎn)數(shù)手動(dòng)轉(zhuǎn)換為字符串表示形式：
- String(0.5); // => '0.5'
- String(0.05); // => '0.05'
- String(0.005); // => '0.005'
- String(0.0005); // => '0.0005'
- String(0.00005); // => '0.00005'
- String(0.000005); // => '0.000005'
- String(0.0000005); // => '5e-7'
顯式轉(zhuǎn)換為string(0.0000005)字符串的行為與其他浮點(diǎn)數(shù)不同:它的表示方式是用指數(shù)的形式。
這是第二個(gè)重要的線索!
當(dāng)指數(shù)符號(hào)被解析為整數(shù)時(shí)，我們會(huì)得到數(shù)字5
- parseInt(0.0000005); // => 5
- // same as
- parseInt(5e-7); // => 5
- // same as
- parseInt('5e-7'); // => 5
parseInt('5e-7')考慮第一個(gè)數(shù)字'5'，但跳過(guò)'e-7'。
謎團(tuán)已揭開(kāi)!因?yàn)?parseInt() 始終將其第一個(gè)參數(shù)轉(zhuǎn)換為字符串，所以小于10負(fù)6次方的浮點(diǎn)數(shù)將以指數(shù)表示。然后 parseInt() 從 float 的指數(shù)表示法中提取整數(shù)。
另外，為了安全地提取浮點(diǎn)數(shù)的整數(shù)部分，建議使用 Math.floor() 函數(shù)：
- Math.floor(0.5); // => 0
- Math.floor(0.05); // => 0
- Math.floor(0.005); // => 0
- Math.floor(0.0005); // => 0
- Math.floor(0.00005); // => 0
- Math.floor(0.000005); // => 0
- Math.floor(0.0000005); // => 0
3.總結(jié)
parseInt() 是將數(shù)字字符串解析為整數(shù)的函數(shù)。
嘗試使用parseInt()提取浮點(diǎn)數(shù)的整數(shù)部分時(shí)必須小心。
小于10的-6次方 (例如0.0000005，也就是5*10-7)的浮點(diǎn)數(shù)轉(zhuǎn)換成字符串時(shí)被寫(xiě)成指數(shù)表示法(例如5e-7是0.0000005的指數(shù)表示法)。這就是為什么在 parseInt() 中使用這么小的浮點(diǎn)數(shù)會(huì)導(dǎo)致意想不到的結(jié)果:只有指數(shù)表記的重要部分(例如 5e-7 中的 5)會(huì)被解析。
那么現(xiàn)在大家可以試著解釋為什么 parseInt(999999999999999999999)等于1?
~完，我是刷碗智，去保健了，下期見(jiàn)~
作者：Joe Seifi 譯者：前端小智 作者：Dmitri Pavlutin
原文：https://dmitripavlutin.com/parseint-mystery-javascript/
本文轉(zhuǎn)載自微信公眾號(hào)「大遷世界」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系大遷世界公眾號(hào)。
