JavaScript十大取整方法实例教程
2020-12-09 04:07
627 查看
1. parseInt()
// js内置函数,注意接受参数是string,所以调用该方法时存在类型转换 parseInt("1.5555") // => 1
2. Number.toFixed(0)
// 注意toFixed返回的字符串,若想获得整数还需要做类型转换 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()
// 舍弃小数取整 Math.trunc(1.5555) // => 1
7. 双按位非取整
// 利用位运算取整,仅支持32位有符号整型数,小数位会舍弃,下同 ~~1.5555 // => 1
8. 按位运或取整
1.5555 | 0 // => 1
9. 按位异或取整
1.5555^0 // => 1
10. 左移0位取整
1.5555<<0 // => 1
上述10种取整方法中,最常用的估计是前2种 [我裂开了~~],不过从性能角度看,位运算取整和Math函数性能最佳,内置方法parseInt次之,toFixed性能最劣。
以下是Benchmark测试结果,证明了这点,toFixed性能是最差的:
darwin x64 整数取整#getNum1#parseInt x 210,252,532 ops/sec ±2.74% (85 runs sampled) 整数取整#getNum2#toFixed x 3,281,188 ops/sec ±1.54% (86 runs sampled) 整数取整#getNum3#Math.ceil x 778,272,700 ops/sec ±3.97% (87 runs sampled) 整数取整#getNum4#Math.floor x 816,990,140 ops/sec ±0.54% (88 runs sampled) 整数取整#getNum5#Math.round x 814,868,414 ops/sec ±0.65% (88 runs sampled) 整数取整#getNum6#Math.trunc x 821,032,596 ops/sec ±0.54% (91 runs sampled) 整数取整#getNum7#~~num x 813,589,741 ops/sec ±0.67% (90 runs sampled) 整数取整#getNum8#num | 0 x 815,070,107 ops/sec ±0.65% (90 runs sampled) 整数取整#getNum9#num ^ 0 x 812,635,464 ops/sec ±0.74% (90 runs sampled) 整数取整#getNum10#num << 0 x 819,230,753 ops/sec ±0.49% (91 runs sampled) Fastest is 整数取整#getNum6#Math.trunc,整数取整#getNum10#num << 0
Benchmark源代码
参考
developer.mozilla.org/zh-CN/docs/…
developer.mozilla.org/zh-CN/docs/…
developer.mozilla.org/zh-CN/docs/…
到此这篇关于JavaScript十大取整方法的文章就介绍到这了,更多相关JS取整方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:相关文章推荐
- Javascript实例教程:querySelector()方法接受一个CSS查询并返回匹配模式的第一个子孙元素,如果没有匹配的元素则返回null。
- 在JavaScript中重写jQuery对象的方法实例教程
- 在JavaScript中重写jQuery对象的方法实例教程
- Javascript实例教程:DOM方法创建和修改表格
- Javascript实例教程(19) 使用HoTMetal(2)
- javascript方法和技巧大全_javascript教程
- Javascript实例教程(20) OLE Automation(5)
- javascript实例教程(5) 利用javascript创建对象
- 实例:JavaScript中的方法参数
- Div CSS实例教程:分享非常不错的页面制作方法
- Javascript实例教程(19) 使用HoTMetal(7)
- Javascript & DHTML 实例编程(教程)基础知识
- javascript实例教程(10) 随机显示图片
- javascript实例教程(21) OLE Automation(1)
- ASP.net AJAX 调用PageMethods实例(javascript调用服务器页面方法)
- PHP类实例教程(十七):abstract类和abstract方法
- Android高手进阶教程(二十)之---Android与JavaScript方法相互调用!
- Android高手进阶教程(二十)之---Android与JavaScript方法相互调用!
- Javascript实例教程(19) 使用HoTMetal(6)
- 对javascript基本对象的属性以及方法的实例介绍