是否有可能在JavaScript中使用类型化数组从4x Uint8转换为Uint32 ?

Question

我在一个项目中做一些按位操作，我想知道内置类型数组是否可以节省我一些头痛，甚至可能给我一点性能增益。

let bytes = [128, 129, 130, 131]
let uint32 = (bytes[0] << 24) | (bytes[1] << 16) | (bytes[2] << 8) | bytes[3]
//=> -2138996093

我可以使用类型化数组来得到相同的答案吗?

// not actually working !
let uint8bytes = Uint8Array.from(bytes)
let uint32 = Uint32Array.from(uint8bytes)[0]
//=> ideally i'd get the same value as above: -2138996093

---

一边问:

我发现上面的uint32是负的很奇怪-显然不是很…unsigned正如var的名字所暗示的那样…

如果我把二进制八位组合在一起并对其进行解析，我将得到互补的正答案

//         128          129          130          131
let bin = '10000000' + '10000001' + '10000010' + '10000011'
let uint32 = Number.parseInt(bin,2)
console.log(uint32)
// 2155971203 

这并不奇怪，我可以反过来得到正确的值，但我不明白为什么过程1是负的，而过程2是正的。

let a = -2138996093;
let b = 2155971203;
// two's compliment, right?
console.log(a.toString(2)) // -1111111011111100111110101111101
console.log(b.toString(2)) // 10000000100000011000001010000011
console.log(a >> 24 & 255) // 128
console.log(a >> 16 & 255) // 129
console.log(a >> 8 & 255)  // 130
console.log(a >> 0 & 255)  // 131
console.log(b >> 24 & 255) // 128
console.log(b >> 16 & 255) // 129
console.log(b >> 8 & 255)  // 130
console.log(b >> 0 & 255)  // 131

Answer 1

处理此问题的最佳方法是使用DataView -这样您就可以指定想要获取的值的字节序-您的代码正在使用int32

的字节序值。

let bytes = [128, 129, 130, 131];
let uint8bytes = Uint8Array.from(bytes);
let dataview = new DataView(uint8bytes.buffer);
let int32le = dataview.getInt32(0, true); // second parameter truethy == want little endian
let int32be = dataview.getInt32(0); // second parameter absent or falsey == want big endian
console.log(int32le); // -2088599168
console.log(int32be); // -2138996093

原因

let uint32 = (bytes[0] << 24) | (bytes[1] << 16) | (bytes[2] << 8) | bytes[3]

返回一个SIGNED int，即按位运算符(<<, |)将值强制转换为有符号的32位值