js中parseInt()詭異行為的探究與改正
探討背景:
不知道小伙伴們有沒有發(fā)現(xiàn),如果是parseInt(0.006)或者parseInt(0.0006)等返回的值都應(yīng)該 0,但是parseInt(0.0000006)返回的值卻詭異的 6,這到底為什么呢?
parseInt函數(shù)的作用
首先先說一下,parseInt()的作用是什么?他是js原生的方法,是用來把數(shù)字字符串轉(zhuǎn)化為Number類型的數(shù)字的,還有他只是轉(zhuǎn)化整數(shù)部分。
parse 是轉(zhuǎn)化,Int 是整型,整數(shù),目的是把里面轉(zhuǎn)換成整數(shù)
var num = parseInt(demo ,radix); //demo 是你要轉(zhuǎn)換的那個數(shù)
傳一個參數(shù)的用法
var demo =”123”; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number:123 var demo = true; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number: NaN var demo = false; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number: NaN var demo = 123.9; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number: 123,直接砍掉小數(shù)非四舍五入 var demo = “10”; var num = parseInt(demo ,16); console.log(typeof(num) + “:” + num); //number: 16
傳兩個參數(shù)的用法
var num = parseInt(demo ,radix); //radix 是基底的意思
解釋:radix 寫成 16,系統(tǒng)會認(rèn)為是以 16 進(jìn)制為基底, 10(一零)是 16 進(jìn)制的一零,是以 16 進(jìn)制為基底,把他轉(zhuǎn)成為 10 進(jìn)制的數(shù)字(就是 16),上面是以目標(biāo)進(jìn)制為基底,轉(zhuǎn)換成十進(jìn)制(radix 范圍是 2-36)
例:
//1、 parseInt(10,2)//結(jié)果是 2 因?yàn)榘?0看成是二進(jìn)制把它轉(zhuǎn)換成10進(jìn)制得2 //2 var demo = “123abc”; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//結(jié)果:number: 123 //因?yàn)閜arseInt 從數(shù)字類開始看,看到非數(shù)字類為止,返回原來的數(shù)
探究原因
發(fā)現(xiàn)我們理想的是把這個小數(shù)都變成0,但是parseInt(0.0000006)卻返回6,真是離譜呀。
console.log(parseInt(0.006)) //0 console.log(parseInt(0.0006)) //0 console.log(parseInt(0.00006)) //0 console.log(parseInt(0.000006)) //0 console.log(parseInt(0.0000006)) //6
返回我就開始探索他的原因,是哪里出現(xiàn)了問題。
parseInt(0.0000006) //0.000006 String(0.0000006); //6e-7 parseInt(6e-7); //6 parseInt(0.0000006) //6
總結(jié)原因
這下我發(fā)現(xiàn)原因了,原來是因?yàn)樵?0的-6次方之后,形式就換成了復(fù)數(shù)的形式(6e-7)。然后用parseInt()把6e-7的6,進(jìn)行了返回,所以最后返回的值是6。
改正
如果要把小數(shù)安全的返回回來,就要用別的方法啦!
Math.floor(0.00006); //0 Math.floor(0.000006); //0 Math.floor(0.0000006); //0
這樣就可以得到你想要的值了。
總結(jié)
到此這篇關(guān)于js中parseInt()詭異行為的文章就介紹到這了,更多相關(guān)js中parseInt()內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS實(shí)現(xiàn)選定指定HTML元素對象中指定文本內(nèi)容功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)選定指定HTML元素對象中指定文本內(nèi)容功能,涉及javascript針對HTML頁面元素的運(yùn)算與選定相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
javascript顯式類型轉(zhuǎn)換實(shí)例分析
這篇文章主要介紹了javascript顯式類型轉(zhuǎn)換,實(shí)例分析了javascript實(shí)現(xiàn)類型轉(zhuǎn)換的常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JavaScript偽數(shù)組和數(shù)組的使用與區(qū)別
這篇文章主要給大家介紹了關(guān)于JavaScript偽數(shù)組和數(shù)組使用與區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
JavaScript實(shí)現(xiàn)網(wǎng)頁頭部進(jìn)度條刷新
這篇文章主要介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁頭部進(jìn)度條刷新實(shí)例代碼,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2017-04-04
javascript函數(shù)自動執(zhí)行常用方法匯總
本文給大家匯總介紹了3種javascript函數(shù)自動執(zhí)行的常用方法,非常的簡單實(shí)用,有需要的小伙伴可以參考下2016-03-03
webpack打包后index.html引用文件地址問題小結(jié)
在前端開發(fā)中,src 屬性指定的相對路徑是相對于當(dāng)前 HTML 文件的路徑,而不是相對于網(wǎng)站的根目錄,這篇文章主要介紹了webpack打包后index.html引用文件地址問題,需要的朋友可以參考下2024-05-05
JavaScript基于SVG的圖片切換效果實(shí)例代碼
這篇文章主要介紹了JavaScript基于SVG的圖片切換效果實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12

