js按位运算符及其妙用
大多数语言都提供了按位运算符,恰当的使用按位运算符有时候会取得的很好的效果。
在我看来按位运算符应该有7个:
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
2、| 按位或
|运算符跟&的区别在于如果对应的位中任一个操作数为1 那么结果就是1。
1的二进制表示为 0 0 0 0 0 0 1
3的二进制表示为 0 0 0 0 0 1 1
所以 1 | 3的结果为3
3、^ 按位异或
^运算符跟|类似,但有一点不同的是 如果两个操作位都为1的话,结果产生0。
1的二进制表示为 0 0 0 0 0 0 1
3的二进制表示为 0 0 0 0 0 1 1
所以 1 ^ 3的结果为2
4、~ 按位非
~运算符是对位求反,1变0,0变1,也就是求二进制的反码
1的二进制表示为 0 0 0 0 0 0 1
所以 ~1 的结果是-2
5、>> 右移
>>运算符使指定值的二进制所有位都右移规定的次数,对于其移动规则只需记住符号位不变,左边补上符号位即按二进制形式把所有的数字向右移动对应的位数,低位移出(舍弃),高位的空位补符号位,即正数补零,负数补1。
1的二进制表示为 0 0 0 0 0 0 1
所以 1>>1的结果为0
6、<< 左移
<<运算符使指定值的二进制所有位都左移规定的次数,对于其移动规则只需记住丢弃最高位,0补最低位即按二进制形式把所有的数字向左移动对应的位数,高位移出(舍弃),低位的空位补零。
1的二进制表示为 0 0 0 0 0 0 1
所以 1<<1的结果为2 7、>>> 无符号右移
>>>运算符忽略了符号位扩展,0补最高位,但是只是对32位和64位的值有意义。
位运算符在js中的妙用:
1、使用&运算符判断一个数的奇偶
偶数 & 1 = 0
奇数 & 1 = 1
那么0&1=0,1&1=1
2、使用~~,>>,<<,>>>,|来取整
~~3.14 = 3
3.14 >> 0 = 3
3.14 << 0 = 3 3.14 | 0 = 3 3.14 >>> 0 = 3(>>>不可对负数取整)
注意:~~-3.14 = -3 其它的一样
3、使用<<,>>来计算乘除
乘法:
1*2 = 2
1<>1 = 1(2/2的一次方)
4、利用^来完成比较两个数是否相等
1 ^ 1 = 0
1 ^ 非1数 !=0
所以同一个数……同一个数等于0,否则不等于0
5、使用^来完成值交换
a = 1
b = 2
a ^= b
b ^= a
a ^= b
结果a=2,b=1
6、使用&,>>,|来完成rgb值和16进制颜色值之间的转换
16进制颜色值转RGB:
1
2
3
4
5
6
7
|
function hexToRGB(hex){
var hex = hex.replace( "#" , "0x" ),
r = hex >> 16,
g = hex >> 8 & 0xff,
b = hex & 0xff;
return "rgb(" +r+ "," +g+ "," +b+ ")" ;
}
|
RGB转16进制颜色值:
1
2
3
4
5
|
function RGBToHex(rgb){
var rgbArr = rgb.split(/[^\d]+/),
color = rgbArr[1]<<16 | rgbArr[2]<<8 | rgbArr[3];
return "#" +color.toString(16);
}
|
运行hexToRGB("#ffffff")返回"rgb(255,255,255)"
运行RGBToHex("rgb(255,255,255)")返回"#ffffff"
转载自:http://www.deanhan.cn/js-bitwise-operation.html
转载于:https://www.cnblogs.com/happy1992/p/7064114.html
js按位运算符及其妙用相关推荐
- js ~取非运算符的妙用,将-1转为0(或假值)
典型的运用场景就是indexOf
- js 与或运算符 || 妙用
js 与或运算符 || && 妙用,可用于精简代码,降低程序的可读性. 首先出个题: 如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头: 成长速度为10显示2个箭头 ...
- JS中的逻辑运算符、||,位运算符|,
JS中的逻辑运算符&&.||,位运算符|,& 1.JS中的||符号: 运算方法: 只要"||"前面为false,不管"||"后面是tru ...
- js数据类型、对象类型、位运算符
2程序设计基础 2.1常规数据类型与变量 2.1.1现实生活中的数据 数据的几个属性:名称.值.类型 数据 名称 值 类型 价格 1399.00 数值类型 累计评论 345 数值类型 是否支持7天无理 ...
- javascript进制转换_「js基础」JavaScript逻辑和位运算符归纳
上一篇文章呢,我们讲述了JavaScript运算符中的关系运算符和逻辑运算符,那么紧接上一篇的文章我们今天来说说逻辑运算符. 引言 逻辑运算符不是很难,也不是很多,我们只要记住三个就可以啦!分别是: ...
- 32 位的有符号整数_「js基础」JavaScript逻辑和位运算符归纳
上一篇文章呢,我们讲述了JavaScript运算符中的关系运算符和逻辑运算符,那么紧接上一篇的文章我们今天来说说逻辑运算符. 引言 逻辑运算符不是很难,也不是很多,我们只要记住三个就可以啦!分别是: ...
- js中的按位运算符详解‘‘ , ‘|‘, ‘^‘, ‘~‘, ‘<<‘, ‘>>‘, ‘>>>‘
一.什么是按位运算符 按位运算符是JavaScript中的一组二进制运算符,用于对数字的二进制表示进行操作.按位运算符会将操作数转换成二进制形式,然后对它们的每一位进行比较和计算,最终得出运算结果. ...
- JS中的按位运算符们
今天读书<You Don't Know JavaScript>,读到强制类型转换一章,其内有提到了JavaScript中的位运算符,正好原来在模拟电路与数字电路课上接触过一些相关的原理,写 ...
- JavaScript实现按位运算符乘以无符号数multiplyUnsigned算法(附完整源码)
JavaScript实现按位运算符乘以无符号数multiplyUnsigned算法(附完整源码) multiplyUnsigned.js完整源代码 multiplyUnsigned.js完整源代码 e ...
最新文章
- python制作图形化界面_python图形化界面设计(wxpython)一布局管理
- Xilinx FPGA 芯片命名规则与查询方法
- OV7670使用经验总结
- img引Linux的绝对路径,什么是绝对路径和相对路径
- egg.js ajax上传文件,上传图片功能不会使用
- (12)调用门阶段测试
- 医疗器械软件网络安全法规和标准概述(附所有标准)
- 检测php加密方式,一种php加密方式
- android studio 图表,Android Studio——记账本以及图表可视化实现
- 小心!智能音箱正在监听你?| 极客头条
- 电梯的测试用例的设计点
- digester java_commons-digester 升级到 commons-digester3 的坑
- 关于自增、自减运算(vc++6.0)
- TB6612FNG电机驱动模块纯硬件调试
- matlab中欧姆如何表示,Excel中怎样输入欧姆特殊符号
- 迅影QQ视频查看v2.0 源码
- C语言入门 -- Simple Simon 简单的西蒙游戏(2021/1/7)
- vb计算机怎么制作,教你如何制作VB的PCode调试器 -电脑资料
- linux生成xorg,生成xorg.conf文件
- centos /bin/sh: warning: setlocale: LC_ALL: cannot change locale (en_US.UTF-8)
热门文章
- Java Web 编程入门知识
- Java里的接口的interface 简单介绍.
- 重装windows后 用live cd修复ubuntu启动gurb
- centos7 nginx配置php7,centos7下yum安装nginx和php7和php-fpm
- 一文读懂 Shell 中各种括号的作用
- 重磅!华为HCIE将于2021年5月30日改版,取消面试考试
- 【初级网络工程师TOP 100 基础问答】来看看你答的上吗?
- 打造数字化服务能力,中国联通如何借助云原生技术实现增长突围?
- java鼠标图片裁剪,如何用Java中的鼠标指针捕获屏幕图像
- linux 脚本socket通信,Linux实例:用socket通讯远程执行命令