JavaScript如何将十六进制传感器数据后8位转换为小端格式浮点数

错误原因 #

原有代码使用parseInt()仅能将十六进制字符串转换为整数，无法解析符合IEEE 754标准的32位单精度浮点数的二进制结构，因此无法得到正确的温度值。

实现思路 #

• 直接提取原始十六进制字符串的末尾8位（对应4字节浮点数数据），避免硬编码索引，兼容前导采集数据长度变化的场景
• 将8位十六进制子串按每2个字符拆分为对应字节的数值
• 借助JavaScript原生DataView接口，以小端序模式读取32位单精度浮点数
• 处理浮点原生精度误差，保留两位小数匹配预期输出

完整可运行代码 #

var data = '450934644ad7a38441';

// 十六进制字符串转字节数组工具函数
function hexToBytes(hexStr) {
  const byteCount = hexStr.length / 2;
  const bytes = new Uint8Array(byteCount);
  for (let i = 0; i < byteCount; i++) {
    bytes[i] = parseInt(hexStr.slice(i * 2, i * 2 + 2), 16);
  }
  return bytes;
}

function main(data) {
  // 提取末尾8位十六进制子串
  const tempHex = data.substring(data.length - 8);
  const bytes = hexToBytes(tempHex);
  // 以小端序读取32位单精度浮点数
  const dataView = new DataView(bytes.buffer);
  const rawTemp = dataView.getFloat32(0, true);
  // 保留两位小数，消除浮点精度误差
  const temperature = Number(rawTemp.toFixed(2));

  return [
    {
      "key": "temperature",
      "value": temperature
    }
  ];
}

console.log(main(data));
// 输出：Array [Object { key: "temperature", value: 16.58 }]

关键参数说明 #

• getFloat32(0, true) 的第二个参数设置为true，代表按照小端序模式读取二进制数据，和在线工具的Float - Little Endian (DCBA)转换逻辑完全对齐
• toFixed(2) 用于处理IEEE 754浮点数的原生精度问题（直接读取得到的原始值通常为16.579999923706055），转换为数字类型后即可匹配预期输出

内容的提问来源于stack exchange，提问作者Luis urrechaga