js中parseInt()詭異行為的探究與改正
探討背景：
不知道小伙伴們有沒有發(fā)現(xiàn)，如果是parseInt（0.006）或者parseInt(0.0006)等返回的值都應該 0，但是parseInt（0.0000006）返回的值卻詭異的 6，這到底為什么呢？
parseInt函數(shù)的作用
首先先說一下，parseInt()的作用是什么？他是js原生的方法，是用來把數(shù)字字符串轉化為Number類型的數(shù)字的，還有他只是轉化整數(shù)部分。
parse 是轉化，Int 是整型，整數(shù)，目的是把里面轉換成整數(shù)
var num = parseInt(demo ,radix); //demo 是你要轉換的那個數(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)會認為是以 16 進制為基底， 10（一零）是 16 進制的一零，是以 16 進制為基底，把他轉成為 10 進制的數(shù)字（就是 16），上面是以目標進制為基底，轉換成十進制（radix 范圍是 2-36）
例：
//1、 parseInt(10,2)//結果是 2 因為把10看成是二進制把它轉換成10進制得2 //2 var demo = “123abc”; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//結果：number: 123 //因為parseInt 從數(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
總結原因
這下我發(fā)現(xiàn)原因了，原來是因為在10的-6次方之后，形式就換成了復數(shù)的形式（6e-7）。然后用parseInt()把6e-7的6，進行了返回，所以最后返回的值是6。
改正
如果要把小數(shù)安全的返回回來，就要用別的方法啦！
Math.floor(0.00006); //0 Math.floor(0.000006); //0 Math.floor(0.0000006); //0
這樣就可以得到你想要的值了。
總結
到此這篇關于js中parseInt()詭異行為的文章就介紹到這了,更多相關js中parseInt()內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家詳細介紹了JavaScript表單驗證，重點介紹了E-mail驗證，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了e2e測試之cypress的使用方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了js實現(xiàn)類選擇器和name屬性選擇器的示例步驟，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2021-02-02
彈出層組件用于彈出一個覆蓋到頁面上的內容，本文主要介紹了uniapp組件uni-popup彈出層的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單選項卡制作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
在瀏覽網頁時會看到這樣的效果：當鼠標滑過一張圖片后，這張圖片切換為了另外的一張圖片，下面為大家介紹下具體是如何實現(xiàn)的，感興趣的朋友不要錯過2013-09-09
跟我學習javascript的異步腳本加載，告訴大家如何使自己的站點更快捷，以及最簡單的方法 利用什么樣的工具達到預期效果，想一探究竟的朋友可以參考一下這篇文章。2015-11-11
下面小編就為大家?guī)硪黄猨s實現(xiàn)點擊圖片自動提交action的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了JS或jQuery獲取ASP.NET服務器控件ID的方法,本文介紹一方法,解決如何使用js獲取ASP.NET控件在瀏覽器端生成html標簽對應的id,需要的朋友可以參考下2015-06-06
Bootstrapvalidator校驗、校驗清除重置的實現(xiàn)代碼(推薦)
這篇文章給大家介紹了bootstrapvalidator校驗、校驗清除重置的實現(xiàn)代碼，在代碼中需要我們引入css與js文件，大家可以參考下文的代碼2016-09-09