梳理字节数据(Uint8Array)转换成字符串的4种方法

简版：

1. TextDecoder 是一个内置的 Web API，可以将字节数据解码为字符串。
2. String.fromCharCode如果数据是单字节编码（如 ASCII），可以直接将每个字节转换为字符。
3. 借助Blob: u8Array -> blob([uint8Array], { type: "text/plain" }) -> blob.text()
4. 借助FileReader: u8Array -> blob([uint8Array], { type: "text/plain" }) -> fileReader -> readAsText()

1. 使用 TextDecoder

TextDecoder 是一个内置的 Web API，可以将字节数据（如 Uint8Array）解码为字符串。它支持多种编码格式，如 UTF-8、UTF-16 等。

优点：

• 简单易用，直接支持多种编码格式。
• 性能较好，适合处理大量数据。

示例代码：

JavaScript复制

const u8Array = new Uint8Array([72, 101, 108, 108, 111]); // 字节数据，对应 "Hello"
const decoder = new TextDecoder("utf-8"); // 指定编码格式为 UTF-8
const result = decoder.decode(u8Array);
console.log(result); // 输出：Hello

2. 使用 String.fromCharCode

String.fromCharCode 方法可以将 Unicode 编码值转换为对应的字符。如果数据是单字节编码（如 ASCII），可以直接将每个字节转换为字符。

优点：

• 简单，不需要额外的 API。

缺点：

• 只适用于单字节编码（如 ASCII）。对于多字节编码（如 UTF-8），可能会导致错误。

示例代码：

JavaScript复制

const u8Array = new Uint8Array([72, 101, 108, 108, 111]); // 字节数据，对应 "Hello"
const result = String.fromCharCode(...u8Array); // 使用扩展运算符将字节数组展开
console.log(result); // 输出：Hello

注意：如果字节数据是 UTF-8 编码的多字节字符（如中文），这种方法会失败。例如：

JavaScript复制

const u8Array = new Uint8Array([228, 189, 160]); // UTF-8 编码的 "你"
console.log(String.fromCharCode(...u8Array)); // 输出：�

3. 借助 Blob

可以将字节数据包装为 Blob，然后通过 Blob.text() 方法将其解码为字符串。

优点：

• 支持多种编码格式，通过 type 参数指定。
• 可以处理大文件。

缺点：

• 需要额外的步骤创建 Blob。

示例代码：

JavaScript复制

const u8Array = new Uint8Array([72, 101, 108, 108, 111]); // 字节数据，对应 "Hello"
const blob = new Blob([u8Array], { type: "text/plain" });
blob.text().then(result => {
  console.log(result); // 输出：Hello
});

4. 借助 FileReader

FileReader 是一个 Web API，可以读取文件内容。可以将字节数据包装为 Blob，然后使用 FileReader.readAsText() 方法读取为字符串。

优点：

• 支持多种编码格式，通过 FileReader.readAsText() 的 encoding 参数指定。
• 可以处理大文件。

缺点：

• 需要额外的步骤创建 Blob 和 FileReader。

示例代码：

JavaScript复制

const u8Array = new Uint8Array([72, 101, 108, 108, 111]); // 字节数据，对应 "Hello"
const blob = new Blob([u8Array], { type: "text/plain" });
const reader = new FileReader();
reader.onload = function(event) {
  console.log(event.target.result); // 输出：Hello
};
reader.readAsText(blob);

总结

• 如果需要处理多字节编码（如 UTF-8），推荐使用 TextDecoder 或 Blob.text() 。
• 如果数据是单字节编码（如 ASCII），可以使用 String.fromCharCode，但需要谨慎处理编码问题。
• 如果需要处理大文件，可以使用 Blob.text() 或 FileReader.readAsText() 。