JavaScript按位运算符的应用简析


Posted in Javascript onFebruary 04, 2014

大多数语言都提供了按位运算符,按位运算符在c,c++等语言中运用广泛,而在JS,AS等脚本语言中则没有太多的应用例子,有时候,适当的使用按位运算符会取得很好的效果。
下面根据自己的认知简单的谈一下js中的位操作使用(同样适用于其他语言),如果有错误,欢迎指正。

按位运算符是把操作数看作一系列单独的位,而不是一个数字值。所以在这之前,不得不提到什么是“位”:
数值或字符在内存内都是被存储为0和1的序列,每个0和1被称之为1个位,比如说10进制数据2在计算机内被存储为 0 0 0 0 0 0 1 0,当我们将内存内的位值改变之后,这个值代表的意义也就变了,比如把2前移动一位, 现在存储单元里面变成了0 0 0 0 0 1 0 0,这个值表示的是十进制的4,这也就是按位操作符的运算原理。

按位运算符有6个
& 按位与
|按位或
^按位异或
~取反
>>右移
<<左移

1 & 运算符
&是二元运算符,它以特定的方式的方式组合操作数中对应的位 如果对应的位都为1,那么结果就是1, 如果任意一个位是0 则结果就是0
1 & 3的结果为1
来看看它的怎么运行的:
1的二进制表示为 0 0 0 0 0 0 1
3的二进制表示为 0 0 0 0 0 1 1
根据 & 的规则 得到的结果为 0 0 0 0 0 0 0 1,十进制表示就是1

只要任何一位是0 &运算的结果就是 0,所以可以用&把某个变量不必要的位设为0, 比如某个变量的二进制表示为 0 1 0 0 1 0 0 1, 我想保留低4位,消除高4位 用 & 0x0F就可以了(住:0x0F为16进制表示法,对应的二进制为 0 0 0 0 1 1 1 1),这个特性有个很重要的应用,在后面会提到。

2 | 运算符
| 跟 & 的区别在于 如果对应的位中任一个操作数为1 那么结果就是1
1 | 3 的结果为3

3 ^ 运算符
^运算符跟 | 类似,但有一点不同的是 如果两个操作位都为1的话,结果产生0
0 1 0 0 0 0 0 1
0 1 0 1 1 0 1 0
产生 0 0 0 1 1 0 1 1

4 ~ 运算符
~是对位求反 1变0, 0变1

5 移位运算符移位运算符把位按指定的值向左或向右移动
<< 向左移动 而 >> 向右移动,超过的位将丢失,而空出的位则补0

如 0 1 0 0 0 0 0 0 0 0 0 0 0 1 1(十进制16387) 向左移动两位将变成
0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 (十进制12)
向右移动两位则是
0 0 0 1 0 0 0 0 0 0 0 0 0 0 0(十进制4096)

下面介绍一些具体的应用
前面提到2向前移动1位变成4 利用这个特性可以做乘法运算
2 << 1 =4
3 << 1 = 6
4 << 1 = 8
同理 >> 则可以做除法运算

任何小数 把它 >> 0可以取整
如3.14159 >> 0 = 3;

^运算服有个神奇的特性
如以下代码

<script>
var n1 = 3;
var n2 = 4;
n1 ^= n2;
n2 ^= n1;
n1 ^= n2;
</script>
Javascript 相关文章推荐
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
JavaScript实现垂直向上无缝滚动特效代码
Nov 23 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
May 07 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 Javascript
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
Javascript 按位取反运算符 (~)
Feb 04 #Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 #Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 #Javascript
jquery 获取dom固定元素 添加样式的简单实例
Feb 04 #Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 #Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 #Javascript
jquery中get和post的简单实例
Feb 04 #Javascript
You might like
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
关于js和php对url编码的处理方法
2014/03/04 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
CI框架出现mysql数据库连接资源无法释放的解决方法
2016/05/17 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
在网页里看flash的trace数据的js类
2009/01/10 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
js实现格式化金额,字符,时间的方法
2015/02/26 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
jQuery事件对象总结
2016/10/17 Javascript
jquery实现input框获取焦点的简单实例
2017/01/26 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
jquery实现自定义图片裁剪功能【推荐】
2017/03/08 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
Python程序语言快速上手教程
2012/07/18 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
python实现折半查找和归并排序算法
2017/04/14 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
python在不同条件下的输入与输出
2020/02/13 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
python 通过文件夹导入包的操作
2020/06/01 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
大专生工程监理求职信
2013/10/04 职场文书
咨询公司各岗位职责
2013/12/02 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
语文复习计划
2015/01/19 职场文书
常用的Python代码调试工具总结
2021/06/23 Python