js中parseInt()詭異行為的探究與改正

更新時間：2021年04月27日 10:33:38 作者：Famigilstimo

這篇文章主要給大家介紹了關于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ù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

JS子父窗口互相操作取值賦值的方法介紹
JS子父窗口互相操作取值賦值的方法介紹，需要的朋友可以參考一下
2013-05-05
JS實現(xiàn)選定指定HTML元素對象中指定文本內容功能示例
這篇文章主要介紹了JS實現(xiàn)選定指定HTML元素對象中指定文本內容功能,涉及javascript針對HTML頁面元素的運算與選定相關操作技巧,需要的朋友可以參考下
2017-02-02
javascript顯式類型轉換實例分析
這篇文章主要介紹了javascript顯式類型轉換,實例分析了javascript實現(xiàn)類型轉換的常用技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
JS運動基礎框架實例分析
這篇文章主要介紹了JS運動基礎框架,實例分析了javascript定時器及div樣式的使用技巧,需要的朋友可以參考下
2015-03-03
JavaScript偽數(shù)組和數(shù)組的使用與區(qū)別
這篇文章主要給大家介紹了關于JavaScript偽數(shù)組和數(shù)組使用與區(qū)別的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-05-05
JavaScript實現(xiàn)網頁頭部進度條刷新
這篇文章主要介紹了JavaScript實現(xiàn)網頁頭部進度條刷新實例代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2017-04-04
javascript函數(shù)自動執(zhí)行常用方法匯總
本文給大家匯總介紹了3種javascript函數(shù)自動執(zhí)行的常用方法，非常的簡單實用，有需要的小伙伴可以參考下
2016-03-03
webpack打包后index.html引用文件地址問題小結
在前端開發(fā)中,src 屬性指定的相對路徑是相對于當前 HTML 文件的路徑,而不是相對于網站的根目錄,這篇文章主要介紹了webpack打包后index.html引用文件地址問題,需要的朋友可以參考下
2024-05-05
JavaScript基于SVG的圖片切換效果實例代碼
這篇文章主要介紹了JavaScript基于SVG的圖片切換效果實例代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-12-12
微信小程序實現(xiàn)評論功能
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)評論功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11