JavaScript 位运算及实际应用实例

 更新时间:2023年08月14日 08:37:36   作者:Never_Mind  
这篇文章主要为大家介绍了JavaScript位运算及实际应用实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

位运算基础

位运算时所有操作数均被视为 32 位补码二进制串,不足补 0,超出则丢弃最高有效位。运算结果也按补码反转形式返回

&:位 AND。仅当两个操作数对应位均为 1 时,该位的结果值为 1。例如:

const a = 120; // 0b000...1111000
const b = 11; //  0b000...0001011
a & b; // 8 = 0b000...1000
  • &=:位 AND 赋值。两个操作数做位 AND 运算,并将结果赋值给第一个操作数

|:位 OR。只要两个操作数对应位的其中一个为 1,该位的结果值便为 1。例如:

const a = 5; // 0b000...0101
const b = 3; // 0b000...0011
a | b; // 7 = 0b000...0111
  • |=:位 OR 赋值。两个操作数做位 OR 运算,并将结果赋值给第一个操作数

^:位 XOR。当两个操作数对应位中仅有一个为 1 时,该位的结果值为 1。例如:

const a = 5; // 0b000...0101
const b = 3; // 0b000...0011
a ^ b; // 6 = 0b000...0110
  • ^=:位 XOR 赋值。两个操作数做位 XOR 运算,并将结果赋值给第一个操作数
  • ~:位 NOT。将操作数按位取反。运算结果满足~x === -(x+1)

<<:左移位。将第一个操作数向左移动指定位。左边移出位被抛弃,右边多出位由补 0。例如:

const a = 9; // 0b000...001001
const b = 2;
a << b; // 36 = 0b000...100100

>>:带符号右移位。将第一个操作数向右移动指定位。右边移出位被抛弃,左边多出位由原先最左值补齐

const a = 36; // 0b000...100100
const b = 2;
a >> b; // 9  =  0b000...001001
  • >>>:无符号右移位。将第一个操作数向右移动指定位。右边移出位被抛弃,左边多出位由补 0

实际应用

判断整数是否为 2 的幂

function isPowerOfTwo(n) {
    return n > 0 && ((n - 1) & n) === 0;
}

判断整数奇偶性

function isOdd(n) {
    return (n & 1) === 1;
}

标志判断

const canFly = 1 << 0;
const canRun = 1 << 1;
const canSwim = 1 << 2;
const canJump = 1 << 3;
let flags = 0;
// 添加标志
flags |= canFly;
flags |= canJump;
// 判断标志
!!(flags & canFly); // true
!!(flags & canJump); // true
// 清除标志
flags &= ~canFly;
!!(flags & canFly); // false

以上就是JavaScript 位运算及实际应用的详细内容,更多关于JavaScript 位运算及实际应用的资料请关注脚本之家其它相关文章!

相关文章

  • javascript实现简单的分页特效

    javascript实现简单的分页特效

    下面给大家汇总的几个javascript实现的分页代码,当然必须要结合后台代码实现。大家可以自行分析一下代码,希望能够给大家带来一定的帮助
    2015-08-08
  • 使用Microsoft Ajax Minifier减小JavaScript文件大小的方法

    使用Microsoft Ajax Minifier减小JavaScript文件大小的方法

    大家用来减小JavaScript文件下载大小的常见的方式有2种: 压缩(compression)和缩小(minification)。
    2010-04-04
  • javascript闭包的理解和实例

    javascript闭包的理解和实例

    所谓闭包,值得是词法表示包括不必要计算的变量的函数,也就是说,该函数可以使用函数外定义的变量。
    2010-08-08
  • js如何调用qq互联api实现第三方登录

    js如何调用qq互联api实现第三方登录

    这篇文章主要介绍了js如何调用qq互联api实现第三方登录,需要的朋友可以参考下
    2014-03-03
  • js定时器不准确问题的解决方法

    js定时器不准确问题的解决方法

    本文主要介绍了js定时器不准确问题的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • javascript History对象原理解析

    javascript History对象原理解析

    这篇文章主要介绍了javascript History对象原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • JS实现超简单的仿QQ折叠菜单效果

    JS实现超简单的仿QQ折叠菜单效果

    这篇文章主要介绍了JS实现超简单的仿QQ折叠菜单效果,可实现鼠标滑过列表展开的QQ折叠菜单效果,非常简单实用,需要的朋友可以参考下
    2015-09-09
  • 微信小程序实现五星评价功能

    微信小程序实现五星评价功能

    这篇文章主要为大家详细介绍了微信小程序实现五星评价功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 简单实现JS对dom操作封装

    简单实现JS对dom操作封装

    这篇文章主要介绍了简单实现JS对dom操作封装,需要的朋友可以参考下
    2015-12-12
  • Javascript作用域(局部和全局作用域)详细介绍

    Javascript作用域(局部和全局作用域)详细介绍

    作用域是当前的执行上下文,值和表达式在其中“可见”或可被访问,本文主要介绍了Javascript局部作用域和全局作用域,文中有详细的代码示例,具有一定的参考价值,需要的朋友可以借鉴一下
    2023-06-06

最新评论