当前位置:首页 > 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实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let co…

js实现复制

js实现复制

使用document.execCommand方法 在较旧的浏览器中,可以使用document.execCommand('copy')实现复制功能。创建一个临时的textarea或input元素,将需要…

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

js 实现vue

js 实现vue

Vue.js 的基本实现 在 JavaScript 中实现 Vue.js 的核心功能,可以通过数据绑定、响应式系统和虚拟 DOM 来实现。以下是实现 Vue.js 核心功能的简化版本。 数据响应式系…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…