0

0

JavaScript中字节数组位移的陷阱:32位整数与位掩码的实践

DDD

DDD

发布时间:2025-12-05 22:53:02

|

751人浏览过

|

来源于php中文网

原创

JavaScript中字节数组位移的陷阱:32位整数与位掩码的实践

本文探讨了在javascript中模拟字节数组左移操作时遇到的常见问题。由于javascript的位运算符将操作数视为32位有符号整数,直接进行位移可能导致结果超出预期的8位字节范围。教程将详细解释这一机制,并提供通过应用位掩码 `& 0xff` 来确保结果正确截断为8位字节的解决方案,以实现精确的字节级位移操作。

在许多低级编程场景或跨语言移植中,对字节数组进行位移操作是常见的需求。例如,在Go语言中,处理字节数组的左移操作可以直观地通过位运算符实现,并自动处理字节边界。然而,当尝试将这类逻辑移植到JavaScript时,开发者可能会遇到意想不到的行为,尤其是在处理超出8位字节范围的数值时。

JavaScript位操作的内部机制

理解JavaScript中位操作的底层机制是解决这类问题的关键。与C、Java或Go等语言不同,JavaScript的数字类型是双精度64位浮点数(IEEE 754标准)。然而,当执行位运算符(如 >, |, &, ^, ~)时,JavaScript会先将操作数转换为32位有符号整数。这意味着,即使我们试图操作的是逻辑上的8位字节,其内部处理过程仍是基于32位。

这种转换机制在进行左移操作时尤其重要。例如,一个表示8位字节的 0x80 (十进制128) 在JavaScript中被视为一个32位整数。当对其执行

字节数组左移的Go语言示例

为了更好地理解问题,我们首先审视一个Go语言中实现字节数组左移的函数。这个函数从数组的末尾开始向前处理,确保溢出位能够正确地传递到下一个字节:

立即学习Java免费学习笔记(深入)”;

func ShiftLeft(b []byte) []byte {
    l := len(b)
    if l == 0 {
        panic("shiftLeft requires a non-empty buffer.")
    }

    output := make([]byte, l)
    overflow := byte(0) // 存储从前一个字节溢出的位

    // 从数组末尾向前遍历
    for i := int(l - 1); i >= 0; i-- {
        output[i] = b[i] << 1 // 当前字节左移1位
        output[i] |= overflow // 将前一个字节的溢出位或到当前字节
        overflow = (b[i] & 0x80) >> 7 // 计算当前字节的最高位作为新的溢出位
    }

    return output
}

这个Go函数的核心逻辑是:

  1. 初始化一个 overflow 变量来捕获前一个字节的最高位。
  2. 从数组的最后一个字节开始向前遍历。
  3. 将当前字节左移一位。
  4. 将 overflow 位(来自右侧的字节)“或”到当前字节的最低位。
  5. 计算当前字节的最高位(通过 & 0x80 和 >> 7)作为新的 overflow,传递给下一个(左侧的)字节。

JavaScript移植尝试及遇到的问题

基于Go语言的逻辑,初次尝试在JavaScript中实现类似功能时,可能会写出如下代码:

CoCo
CoCo

智谱AI推出的首个有记忆的企业自主Agent智能体

下载
function makeEmpty(size) {
  var result = [];
  for (var i = 0; i < size; i++) {
    result.push(0x00);
  }
  return result;
}

function shiftLeft (b) {
  var len = b.length;
  if (len == 0) {
    throw 'shiftLeft requires a non-empty buffer';
  }

  var output = makeEmpty(len);
  var overflow = 0; // 存储从前一个字节溢出的位

  // 从数组末尾向前遍历
  for (var i = len - 1; i >= 0; i--) {
    output[i] = b[i] << 1; // 当前字节左移1位
    output[i] |= overflow; // 将前一个字节的溢出位或到当前字节
    overflow = (b[i] & 0x80) >> 7; // 计算当前字节的最高位作为新的溢出位
  }

  return output;
}

为了测试这个函数,我们使用一个简单的测试用例:shiftLeft(fromBinary("10000000"))。这里 fromBinary("10000000") 应该生成 [128] (即 [0x80])。

// 辅助函数:将二进制字符串转换为字节数组
function fromBinary(str) {
  // 注意:原问题中的fromOctal应为fromBinary
  var bytes = [parseInt(str, 2)];
  return bytes;
}

console.log(shiftLeft(fromBinary("10000000")));
// 预期结果:[0] 或 "00000000"
// 实际结果:[256]

正如我们所见,当输入 [128] (即 [0x80]) 时,预期结果应该是 [0] (因为 0x80 左移一位后,最高位溢出,留下 0x00)。然而,JavaScript版本返回了 [256]。这正是因为 0x80

解决方案:应用位掩码 & 0xFF

解决这个问题的关键在于,在每次位移操作之后,强制将结果截断回8位。这可以通过应用一个位掩码 & 0xFF 来实现。0xFF (十进制255) 是一个8位全为1的二进制数 (11111111)。任何数字与 0xFF 进行按位与操作,都会保留其最低的8位,而丢弃所有更高的位。

因此,只需将 output[i] = b[i]

output[i] = (b[i] << 1) & 0xFF;

这样,即使 b[i]

优化后的JavaScript实现

应用位掩码后的 shiftLeft 函数如下:

function makeEmpty(size) {
  var result = [];
  for (var i = 0; i < size; i++) {
    result.push(0x00);
  }
  return result;
}

function shiftLeft (b) {
  var len = b.length;
  if (len == 0) {
    throw 'shiftLeft requires a non-empty buffer';
  }

  var output = makeEmpty(len);
  var overflow = 0;

  for (var i = len - 1; i >= 0; i--) {
    // 关键修正:在左移后应用位掩码 & 0xFF
    output[i] = (b[i] << 1) & 0xFF; 
    output[i] |= overflow;
    overflow = (b[i] & 0x80) >> 7;
  }

  return output;
}

// 辅助函数:将二进制字符串转换为字节数组 (更正函数名)
function fromBinary(str) {
  // 确保输入是有效的二进制字符串

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

842

2023.06.15

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

742

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

739

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

397

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

399

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

446

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

431

2023.08.02

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

16926

2023.08.03

AO3中文版入口地址大全
AO3中文版入口地址大全

本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

1

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号