如何在JavaScript中对UInt8Array进行URL编码？

直接使用encodeURIComponent处理Uint8Array会得到不符合预期的结果，原因是当你把Uint8Array传入encodeURIComponent时，JavaScript会自动调用它的toString()方法，将其转换为逗号分隔的数字字符串（比如"72,101,108..."），最终编码的是这个字符串而非对应的文本内容。

要实现预期的URL编码效果，需要分两步操作：

1. 将Uint8Array解码为对应的字符串
2. 对解码后的字符串执行URL编码

方法一：使用TextDecoder（推荐） #

TextDecoder是处理字节数组转字符串的标准API，支持多种字符编码，默认使用UTF-8，兼容性好且能正确处理多字节字符：

// 创建目标Uint8Array
const uint8Arr = new Uint8Array([72,101,108,108,111,32,87,111,114,108,100]);
// 解码为字符串
const text = new TextDecoder().decode(uint8Arr);
// 执行URL编码
const encodedText = encodeURIComponent(text);

console.log(encodedText); // 输出：Hello%20World

方法二：使用String.fromCharCode #

如果仅处理ASCII范围内的字符，也可以用String.fromCharCode展开Uint8Array的元素来生成字符串，但这种方式无法正确处理多字节的非ASCII字符（比如中文、emoji）：

const uint8Arr = new Uint8Array([72,101,108,108,111,32,87,111,114,108,100]);
const text = String.fromCharCode(...uint8Arr);
const encodedText = encodeURIComponent(text);

console.log(encodedText); // 输出：Hello%20World

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