99%前端開發工程師都不知道的,JavaScript中數字整取

大家好,我是大家的老朋友,今天給大家分享的是內容JavaScript中數字整取

也歡迎各位讀者在下方進行學習討論,共同學習,一起進步!

常用的直接取整方法

直接取整就是捨去小數部分。

1、parseInt()

parseInt() 函數解析一個字符串參數,並返回一個指定基數的整數 (數學系統的基礎)。這個估計是直接取整最常用的方法了。

99%前端開發工程師都不知道的,JavaScript中數字整取

2、Math.trunc()

99%前端開發工程師都不知道的,JavaScript中數字整取

特別要注意的是:Internet Explorer 不支持這個方法,不過寫個Polyfill也很簡單:

99%前端開發工程師都不知道的,JavaScript中數字整取

快速的取整方法

除了上面這2個辦法,我們可以使用按位運算符來實現數字取整。 所有的按位運算都以帶符號的32位整數進行。 使用它們將可以將 float 轉換為整數。 但是也存在一些問題,我們可以安全取整的數字範圍為 ±2^31−1 即:2147483647,遠遠小於 Number.MAX_VALUE(1.7976931348623157e + 308)。 下面是一些例子:

1、~~number

雙波浪線 ~~ 操作符也被稱為“雙按位非”操作符。你通常可以使用它作為代替 Math.trunc() 的更快的方法。

99%前端開發工程師都不知道的,JavaScript中數字整取

失敗時返回0,這可能在解決 Math.trunc() 轉換錯誤返回 NaN 時是一個很好的替代。

但是當數字範圍超出 ±2^31−1 即:2147483647 時,異常就出現了:

99%前端開發工程師都不知道的,JavaScript中數字整取

2、number|0

99%前端開發工程師都不知道的,JavaScript中數字整取

3、number^0

99%前端開發工程師都不知道的,JavaScript中數字整取

4、number<<0

99%前端開發工程師都不知道的,JavaScript中數字整取

舍入舍去取整

舍入舍去取整也非常常見,JavaScript 的 Math 對象中有明確的方法支持:

1、四捨五入 Math.round(number)

Math.round() 是 Math 對象中的一個方法,將數值四捨五入為最接近的整數。

99%前端開發工程師都不知道的,JavaScript中數字整取

2、向下取整 Math.floor(number)

99%前端開發工程師都不知道的,JavaScript中數字整取

3、向上取整 Math.ceil(number)

99%前端開發工程師都不知道的,JavaScript中數字整取

好了,今天的內容就分享到這裡,小編還給大家準備了一份web前端精品學習資料,關注小編,私信回覆(學習資料)就可以免費領取小編給大家準備的學習資料了!


分享到:


相關文章: