脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript 位运算

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 位运算及实际应用的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • JS实现关闭小广告特效

    JS实现关闭小广告特效

    这篇文章主要为大家详细介绍了JS实现关闭小广告特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-12-12
  • WordPress 插件——CoolCode使用方法与下载

    WordPress 插件——CoolCode使用方法与下载

    本插件原修改自 Chroder.com 的 WordPress Code Highlight 插件。但 CoolCode 插件在它基础上修改了很多的内容。
    2007-07-07
  • 微信小程序 wx:for遍历循环使用实例解析

    微信小程序 wx:for遍历循环使用实例解析

    这篇文章主要介绍了微信小程序 wx:for遍历循环使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • ES6学习教程之模板字符串详解

    ES6学习教程之模板字符串详解

    大家都知道在ES6中引进的一种新型的字符串字面量语法-模板字符串，下面这篇文章主要给大家介绍了关于ES6学习教程之模板字符串的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • 符合W3C Web标准的图片连续无间隙水平滚动

    符合W3C Web标准的图片连续无间隙水平滚动

    很久以前就有这个问题，总是找不到通用的，或比较简单的“图片连续无间隙向左滚动，无间隙向右滚动，符合W3C Web标准”
    2008-06-06
  • js控制fieldset高度的代码

    js控制fieldset高度的代码

    js控制fieldset高度的代码...
    2007-11-11
  • 原生Javascript/原生JS修改CSS样式的4种方式简单示例

    原生Javascript/原生JS修改CSS样式的4种方式简单示例

    在网页开发中我们经常会用到JavaScript来操作网页元素,其中一个常见的操作就是修改元素的CSS样式,下面这篇文章主要给大家介绍了关于原生Javascript/原生JS修改CSS样式的4种方式,需要的朋友可以参考下
    2024-03-03
  • 使用js编写实现拼图游戏

    使用js编写实现拼图游戏

    这篇文章主要为大家详细介绍了使用js编写实现拼图游戏，一种是拖拽拼图，一种是经典的九宫格拼图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 关于TypeScript开发的6六个实用小技巧分享

    关于TypeScript开发的6六个实用小技巧分享

    TypeScript是Javascrip t超集,支持静态类型检测,可以在编译期提前暴露问题,节省debug时间,下面这篇文章主要给大家介绍了关于TypeScript开发的6六个实用小技巧,需要的朋友可以参考下
    2021-09-09
  • 纯JavaScript代码实现移动设备绘图解锁

    纯JavaScript代码实现移动设备绘图解锁

    为了个人信息的安全起见，移动设备上都有个绘图解锁，使用起来非常简单，代码是怎么实现的呢？下面小编给大家介绍js实现移动设备绘图解锁，需要的朋友可以参考下
    2015-10-10

最新评论