js实例知识点 重温js位运算

什么是位运算?

位运算是在数字底层(即表示数字的 32 个数位)进行运算的。由于位运算是低级的运算操作,所以速度往往也是最快的(相对其它运算如加减乘除来说),并且借助位运算有时我们还能实现更简单的程序逻辑,缺点是很不直观,许多场合不能够使用。

js位运算符总共分为两类:逻辑位运算符:位与(&)、位或(|)、位异或(^)、非位(~)移位运算符:左移(<<)、右移(>>)、全右移(>>>)

  • 逻辑运算符
  1. 位与(&): 真真为真(1),其余为假(0)

var a = 1; var b = 2; console.log(a & b) 123

计算的过程如下:首先会把a 和 b 的值都转成二进制的数据(这里转换的数据是32的二进制哦),然后进行运算

js实例知识点 重温js位运算(1)

注意: 位运算 与 可以用于 b 中是否包含 a ,这个包含是指的是二进制的数据是否包含交集,具体的表达式如下: (a & b) === a

  1. 位或(|): 假假为假(0),其余为真(1)

var a = 1, b = 2; console.log(a | b) 12

计算过程如下:

js实例知识点 重温js位运算(2)

注意: 这个功能一般常用来取两个二进制数据的并集

  1. 位异或(^):相同为假(0),不同为真(1)

var a = 1, b = 3; console.log(a ^ b)

运算过程如下:

js实例知识点 重温js位运算(3)

注意: 异或运算一般可以用于做减法,通过更大的那个值来除去那个小的值,还剩多少

  1. 非位(~):真为假,假为真

var num = 1; var num1 = ~num; console.log(~num1 )

js存储的的负数一般要经过以下步骤,才可以进行存储。

将真码变成反码, 就是说把所有的 0 都变成1

把反码变成补码, 就是说在反码的基础上加1,然后这个表示的才是一个存储的数据,当拿来运算的时候,需要逆向转换, 先减1,返回在取反

我们知道,js中的数字默认是有符号的。有符号的32位二进制的最高位也就是第一位数字代表着正负,1代表负数,0代表整数。那到底11111111111111111111111111111110等于多少呢?最高位为1代表负数,负数的二进制转化为十进制:符号位不变,其他位取反加1。取反之后为10000000000000000000000000000001,加1之后为10000000000000000000000000000010,十进制为-2。

注意:这个运算符的妙用可以使用在 判断值是否为-1上,例如:const filters = ['aa', 'bb', 'c']; if (~filters.indexOf(a)) {} 而不是 if( filters.indexOf(a) != -1 ) or if( filters.indexOf(a) >= 0), 如果取一个数字的整数,可以直接使用~~数字

这里还有一个计算非运算的技巧:取非运算的时候,先把数据前面加一个负号, 然后在减1

js实例知识点 重温js位运算(4)

  • 移位运算符
  1. 左移(<<):首位符号为不动,把32位二进制数字整体往左边移动指定位数,左边超出部分被舍去,右边补0

9二进制有符号左移5位 9<<5 0000000000000000 0000000000001001 ------ 0000000000000000 0000000100100000

公式:数字1 × 2 ^ 数字2

计算机内是这样位移计算的,实际应用计算我们可以通过公式:num * (2^n) ,即:9*Math.pow(2,5)

  1. 右移(>>):首位符号为不动,把32位二进制数字整体往右边移动指定位数,右边超出部分被舍去,左边补0,这可能会丢失数据。

3二进制有符号右移5位 3>>1 0000000000000000 0000000000000011 ------ 0000000000000000 0000000000000001 12345

公式:取整(数字1 / 2 ^ 数字2)

js实例知识点 重温js位运算(5)

  1. 无符号右移(>>>):符号为也跟着一起移动,这样,无符号右移会把负数的二进制当成整数的二进制码
案列

// 运用场景,想要实现一个权限控制

enum Permission { Read = 1, Write = 2, Create = 4, Delete = 8 } let p: Permission = Permission.Read | Permission.Write; function hasPermission(target: Permission, per: Permission) { return (target & per) === per; } p = p ^ Permission.Write; console.log(hasPermission(p, Permission.Write));

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页