当前位置:首页 > JavaScript

js实现位移

2026-02-02 07:14:29JavaScript

位移运算基础

JavaScript 提供三种位移操作符:

  • 左移 (<<):将二进制数向左移动指定位数,右侧补零。

    let num = 5; // 二进制 0101
    let result = num << 2; // 010100 (20)
  • 有符号右移 (>>):保留符号位(正负),向右移动指定位数,左侧补符号位。

    js实现位移

    let num = -10; // 二进制补码表示
    let result = num >> 2; // 保留符号位,结果为 -3
  • 无符号右移 (>>>):向右移动指定位数,左侧补零(忽略符号位)。

    let num = -10;
    let result = num >>> 2; // 补零后结果为 1073741821

应用场景

  • 快速计算乘除:左移一位等价于乘以 2,右移一位等价于除以 2(仅适用于整数)。

    js实现位移

    let value = 8;
    let multiply = value << 1; // 16 (8*2)
    let divide = value >> 1;   // 4 (8/2)
  • 颜色值处理:提取 RGB 分量时常用无符号右移。

    let color = 0xFFAACC;
    let red = (color >> 16) & 0xFF;   // 0xFF
    let green = (color >> 8) & 0xFF;   // 0xAA

注意事项

  • 位移操作仅适用于 32 位整数,超过范围的数值会截断。
  • 无符号右移 (>>>) 可能将负数转为大正数,需谨慎使用。

示例:循环位移

实现 32 位数的循环左移:

function rotateLeft(value, shift) {
  return (value << shift) | (value >>> (32 - shift));
}
let num = 0x12345678;
console.log(rotateLeft(num, 4).toString(16)); // 输出循环左移结果

标签: 位移js
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现的游戏

js实现的游戏

JavaScript 游戏开发基础 JavaScript 是开发网页游戏的流行选择,因其无需插件即可在浏览器中运行。以下是一些关键技术和资源: HTML5 Canvas Canvas 提供了绘制图形…

js实现原理

js实现原理

JavaScript 实现原理 JavaScript 是一种解释型语言,其实现原理涉及多个核心组件和运行机制,包括引擎、运行时环境、事件循环等。 引擎与解释执行 现代 JavaScript 引擎(如…

js实现div隐藏

js实现div隐藏

使用CSS的display属性隐藏div 通过设置元素的display属性为none,可以完全隐藏div元素。这种方法不仅隐藏元素,还会从文档流中移除,不占据页面空间。 document.getEl…