两个按位非操作与Math.floor操作(译)

最新推荐文章于 2025-02-09 09:00:00 发布

原创最新推荐文章于 2025-02-09 09:00:00 发布 · 204 阅读

CC 4.0 BY-SA版权

文章标签：

39 篇文章

订阅专栏

本文深入探讨了位操作符中的按位非操作原理及其实用技巧，通过实例展示了其在将浮点数转换为整型时与 Math.floor() 的高效比较，并提供了不同浏览器下执行效率的测试结果。同时，文章还阐述了使用按位非操作符作为替代方案的场景，以及不适用的场景，旨在帮助开发者更灵活地运用这一技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

位操作符在我们编码过程中是容易被遗忘的，可能更多的源于我们并不知道这些操作究竟代表什么，或者有什么样的作用，位操作符主要涉及有按位与(&)、按位或(|)、按位非(~)、按位异或(^)、左移(<<)、有符号右移(>>)、无符号右移(>>>),本文主要讲的是按位非(~)。

关于这个位操作的原理，大家可以参考这里。

按位非(~)操作对数值进行操作后，结果为-(N + 1),如：

~2 == -3;//true
~1 == -2;//true
~0 == -1;//true
~-1 == 0;//true

但这个位操作符的最大用途是使用两个按位非操作符来取代Math.floor操作，能够将任何浮点型数值转换成整形。如：

~~2 == Math.floor(2); //true 2
~~3.5 == Math.floor(3.5);//true 3
~~2.8 == Math.floor(2.8);//true 2

有人做了一个测试，关于两个按位非操作与Math.floor操作的执行效率问题，如下：

将100000个浮点型数值转换成整型 http://jsperf.com/jsfvsbitnot

#	Browser	Math.floor()	Bitwise double NOT ~~
#1	Firefox 7.0.1	42ms	29ms
#2	Firefox 7.0.1	44ms	28ms
#3	Chrome 15	63ms	64ms
#4	Chrome 15	63ms	68ms
#5	IE8	265ms	192ms
#6	IE8	324ms	190ms

Performance difference between Math.floor() and JavaScript bitwise double NOT

使用两个按位非操作的场景：

不使用的场景：