如何在浏览器中把二进制字符串转换为大端整数？

你有如下二进制字符串：

const bin = '\x00\x00\x16%'

想要将其转换为大端整数，目前的实现是先转成Uint8Array再传入DataView：

new DataView(Uint8Array.from('\x00\x00\x16%', c => c.charCodeAt(0)).buffer).getInt32(0, false)
// 输出：5669

可以用更直接的方式，无需借助Uint8Array和DataView，直接通过字符编码的位运算来计算：

无符号整数版本 #

const bin = '\x00\x00\x16%';
const uint32 = bin.charCodeAt(0) << 24 | bin.charCodeAt(1) << 16 | bin.charCodeAt(2) << 8 | bin.charCodeAt(3);
console.log(uint32); // 输出：5669

有符号整数版本 #

如果需要的是有符号32位整数，只需处理最高位的符号位：

const bin = '\x00\x00\x16%';
const uint32 = bin.charCodeAt(0) << 24 | bin.charCodeAt(1) << 16 | bin.charCodeAt(2) << 8 | bin.charCodeAt(3);
const int32 = uint32 >= 0x80000000 ? uint32 - 0x100000000 : uint32;
console.log(int32); // 输出：5669

原理说明 #

大端字节序的核心是高位字节在前，这里的二进制字符串每个字符对应一个单字节值，通过charCodeAt()可以直接获取每个字节的十进制值。将第一个字节左移24位（占据32位整数的最高8位），第二个字节左移16位，第三个左移8位，最后一个字节直接保留最低8位，再通过按位或运算合并所有位，就能得到对应的大端整数。

这种写法省去了中间数组和视图对象的创建，代码更简洁高效，完全基于浏览器原生API实现。

内容的提问来源于stack exchange，提问作者Cyril N.