本文将介绍在 JavaScript 中处理从 python 接收的十六进制字符串时，如何避免使用 String.fromCharCode() 方法带来的字符编码问题。该方法在处理包含重音字符等特殊字符的十六进制字符串时，可能会导致数据损坏。我们将提供一种使用 Uint8Array 和 Blob 对象的替代方案，以确保数据在传输和转换过程中的完整性。
在某些情况下，我们需要将二进制数据（例如 excel 文件）从 Python 发送到 JavaScript。一种常见的方法是将二进制数据转换为十六进制字符串，然后在 JavaScript 中将其转换回字节数组。
以下 Python 代码演示了如何将文件转换为十六进制字符串：
with open(EXCEL_TEMPLATE_OUTPUTS, "rb") as f: encrypted_bytes = f.read() return encrypted_bytes.hex()
传统上，JavaScript 中使用 String.fromCharCode() 方法将十六进制字符串转换为字节数组。然而，此方法在处理某些字符（例如重音字符）时存在问题。例如，十六进制值 “c8” 使用 String.fromCharCode(parseInt(“c8”, 16)) 会被错误地转换为 “È” 而不是 “xc8″。
立即学习“Java免费学习笔记（深入）”；
为了解决这个问题，我们可以使用 Uint8Array 和 Blob 对象来替代 String.fromCharCode()。以下 JavaScript 代码演示了如何使用 Uint8Array 将十六进制字符串转换为字节数组：
var typedArray = new Uint8Array(hex.match(/[da-f]{2}/gi).map(function (h) {return parseInt(h, 16)}))
这段代码首先使用正则表达式 /[da-f]{2}/gi 将十六进制字符串分割成两个字符一组的数组。然后，它使用 map() 函数将每个十六进制值转换为整数，并创建一个 Uint8Array。Uint8Array 是一种类型化的数组，用于表示 8 位无符号整数。
接下来，我们可以使用 Blob 对象将 Uint8Array 转换为二进制数据：
const blob = new Blob([typedArray], { type: "application/octet-stream" });
这段代码创建一个新的 Blob 对象，并将 Uint8Array 作为其数据源。type 属性设置为 “application/octet-stream”，表示这是一个通用的二进制数据。
总结
使用 Uint8Array 和 Blob 对象可以避免 String.fromCharCode() 方法在处理包含重音字符等特殊字符的十六进制字符串时出现的问题。这种方法提供了一种更可靠的方式来在 JavaScript 中将十六进制字符串转换为字节数组，确保数据在传输和转换过程中的完整性。
注意事项
- 确保 Python 端使用的编码方式与 JavaScript 端一致，以避免出现字符编码问题。
- Blob 对象可以用于创建下载链接或将数据发送到服务器。
- 这种方法适用于处理各种类型的二进制数据，不仅限于 Excel 文件。
