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)換的那個(gè)數(shù)
傳一個(gè)參數(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
傳兩個(gè)參數(shù)的用法
var num = parseInt(demo ,radix); //radix 是基底的意思
解釋：radix 寫成 16，系統(tǒng)會(huì)認(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)我們理想的是把這個(gè)小數(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
詳解JavaScript表單驗(yàn)證（E-mail 驗(yàn)證）
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證，重點(diǎn)介紹了E-mail驗(yàn)證，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了e2e測試之cypress的使用方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟
這篇文章主要介紹了js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2021-02-02
彈出層組件用于彈出一個(gè)覆蓋到頁面上的內(nèi)容，本文主要介紹了uniapp組件uni-popup彈出層的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡單選項(xiàng)卡制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
JS鼠標(biāo)滑過圖片時(shí)切換圖片實(shí)現(xiàn)思路
在瀏覽網(wǎng)頁時(shí)會(huì)看到這樣的效果：當(dāng)鼠標(biāo)滑過一張圖片后，這張圖片切換為了另外的一張圖片，下面為大家介紹下具體是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過2013-09-09
跟我學(xué)習(xí)javascript的異步腳本加載
跟我學(xué)習(xí)javascript的異步腳本加載，告訴大家如何使自己的站點(diǎn)更快捷，以及最簡單的方法 利用什么樣的工具達(dá)到預(yù)期效果，想一探究竟的朋友可以參考一下這篇文章。2015-11-11
js實(shí)現(xiàn)點(diǎn)擊圖片自動(dòng)提交action的簡單方法
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)點(diǎn)擊圖片自動(dòng)提交action的簡單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
JS或jQuery獲取ASP.NET服務(wù)器控件ID的方法
這篇文章主要介紹了JS或jQuery獲取ASP.NET服務(wù)器控件ID的方法,本文介紹一方法,解決如何使用js獲取ASP.NET控件在瀏覽器端生成html標(biāo)簽對(duì)應(yīng)的id,需要的朋友可以參考下2015-06-06
Bootstrapvalidator校驗(yàn)、校驗(yàn)清除重置的實(shí)現(xiàn)代碼(推薦)
這篇文章給大家介紹了bootstrapvalidator校驗(yàn)、校驗(yàn)清除重置的實(shí)現(xiàn)代碼，在代碼中需要我們引入css與js文件，大家可以參考下文的代碼2016-09-09