JavaScript十大取整方法實例教程
更新時間：2020年12月03日 15:33:00 作者：_風(fēng)清洋
這篇文章主要給大家介紹了關(guān)于JavaScript的十大取整方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
1. parseInt()
// js內(nèi)置函數(shù)，注意接受參數(shù)是string，所以調(diào)用該方法時存在類型轉(zhuǎn)換
parseInt("1.5555") // => 1
2. Number.toFixed(0)
// 注意toFixed返回的字符串，若想獲得整數(shù)還需要做類型轉(zhuǎn)換 1.5555.toFixed(0) // => "1"
3. Math.ceil()
// 向上取整 Math.ceil(1.5555) // => 2
4. Math.floor()
// 向下取整 Math.floor(1.5555) // => 1
5. Math.round()
// 四舍五入取整 Math.round(1.5555) // => 2 Math.round(1.4999) // => 1
6. Math.trunc()
// 舍棄小數(shù)取整 Math.trunc(1.5555) // => 1
7. 雙按位非取整
// 利用位運算取整，僅支持32位有符號整型數(shù)，小數(shù)位會舍棄，下同 ~~1.5555 // => 1
8. 按位運或取整
1.5555 | 0 // => 1
9. 按位異或取整
1.5555^0 // => 1
10. 左移0位取整
1.5555<<0 // => 1
上述10種取整方法中，最常用的估計是前2種 [我裂開了～～]，不過從性能角度看，位運算取整和Math函數(shù)性能最佳，內(nèi)置方法parseInt次之，toFixed性能最劣。
以下是Benchmark測試結(jié)果，證明了這點，toFixed性能是最差的：
darwin x64 整數(shù)取整#getNum1#parseInt x 210,252,532 ops/sec ±2.74% (85 runs sampled) 整數(shù)取整#getNum2#toFixed x 3,281,188 ops/sec ±1.54% (86 runs sampled) 整數(shù)取整#getNum3#Math.ceil x 778,272,700 ops/sec ±3.97% (87 runs sampled) 整數(shù)取整#getNum4#Math.floor x 816,990,140 ops/sec ±0.54% (88 runs sampled) 整數(shù)取整#getNum5#Math.round x 814,868,414 ops/sec ±0.65% (88 runs sampled) 整數(shù)取整#getNum6#Math.trunc x 821,032,596 ops/sec ±0.54% (91 runs sampled) 整數(shù)取整#getNum7#~~num x 813,589,741 ops/sec ±0.67% (90 runs sampled) 整數(shù)取整#getNum8#num | 0 x 815,070,107 ops/sec ±0.65% (90 runs sampled) 整數(shù)取整#getNum9#num ^ 0 x 812,635,464 ops/sec ±0.74% (90 runs sampled) 整數(shù)取整#getNum10#num << 0 x 819,230,753 ops/sec ±0.49% (91 runs sampled) Fastest is 整數(shù)取整#getNum6#Math.trunc,整數(shù)取整#getNum10#num << 0
Benchmark源代碼
參考
developer.mozilla.org/zh-CN/docs/…
developer.mozilla.org/zh-CN/docs/…
developer.mozilla.org/zh-CN/docs/…
到此這篇關(guān)于JavaScript十大取整方法的文章就介紹到這了,更多相關(guān)JS取整方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js實現(xiàn)響應(yīng)按鈕點擊彈出可拖拽的非模態(tài)對話框完整實例【測試可用】
這篇文章主要介紹了js實現(xiàn)響應(yīng)按鈕點擊彈出可拖拽的非模態(tài)對話框,結(jié)合完整實例形式分析了原生JavaScript實現(xiàn)的可拖拽非模態(tài)對話框?qū)崿F(xiàn)技巧與使用方法,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了JS Loading功能的簡單實現(xiàn)。這個功能原理是很簡單的，就是一個DIV遮蓋當(dāng)前頁面，然后Loading就在遮蓋DIV層上展示出來2013-11-11
這篇文章主要介紹了JavaScript中的包裝對象介紹,存取字符串、數(shù)字、或布爾值的屬性時創(chuàng)建的臨時對象稱作包裝對象,本文著重講解了什么是包裝對象,需要的朋友可以參考下2015-01-01
Google Suggest ;-) 基于js的動態(tài)下拉菜單
Google Suggest ;-) 基于js的動態(tài)下拉菜單...2006-10-10
28個JavaScript常用字符串方法以及使用技巧總結(jié)
這篇文章主要給大家介紹了28個JavaScript常用字符串方法以及使用技巧的相關(guān)資料,文中統(tǒng)計的方法都非常實用,無論是日常工作還是面試,都建議多看一看,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了TS命名空間合并講解，回顧上一節(jié)的內(nèi)容，在上一節(jié)中我們介紹了TS中最常見的聲明合并：接口合并，今天要講的內(nèi)容也是TS中的聲明合并，但這次是命名空間相關(guān)的合并,需要的朋友可以參考一下2021-12-12
js定時器setInterval、clearInterval的使用方法舉例
Javascript的setTimeOut和clearInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),這篇文章主要給大家介紹了關(guān)于js定時器setInterval、clearInterval使用方法的相關(guān)資料,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)下拉列表框菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
js中的原型與原型鏈應(yīng)該是老生常談的話題了，在前端面試中基本都是必問的一個問題，但是很多人還是稀里糊涂的，只知道其表層含義。本文將帶大家深入了解JavaScript中的原型與原型鏈，感興趣的可以學(xué)習(xí)一下2022-11-11
打開某個頁面時，彈出提示框“Internet Explorer無法打開Internet 站，經(jīng)過一番奮戰(zhàn)，利用排除法解決了問題，共發(fā)現(xiàn)2種情況2014-04-04