如何将 UTF8 字符串转换为字节数组？-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，有时需要将字符串转换为字节数组。本文将介绍如何将 UTF8 字符串转换为字节数组，包括详细的解释和示例代码。

UTF8 编码

UTF8 是一种可变长的 Unicode 字符编码方式，能够支持全球所有字符集。在 JavaScript 中，字符串默认使用 UTF16 编码。如果需要将字符串转换为字节数组，需要先将其转换为 UTF8 编码。

我们可以使用 TextEncoder 对象提供的 encode() 方法将字符串转换为字节数组。encode() 方法接收一个字符串参数，并返回一个 Uint8Array 类型的字节数组。我们可以通过以下代码实现：

const utf8String = "Hello, 世界!";
const encoder = new TextEncoder();
const utf8Array = encoder.encode(utf8String);
console.log(utf8Array);

执行以上代码后，控制台会输出如下结果：

Uint8Array(15) [72, 101, 108, 108, 111, 44, 32, 228, 184, 150, 231, 149, 140, 33]

在这个例子中，我们将一个包含 ASCII 和中文字符的字符串转换为了一个包含 15 个元素的字节数组。每个元素都是一个字节，对应 UTF8 编码中的一个字符。

需要注意的是，TextEncoder 对象在一些旧版本的浏览器中可能不被支持。如果你需要兼容这些浏览器，可以使用第三方库如 text-encoding 或者 iconv-lite。

此外，在将字节数组转换回字符串时，需要确保使用正确的编码方式。如果之前使用了 UTF8 编码，那么在转换回字符串时也需要使用 UTF8 编码。可以使用 TextDecoder 对象提供的 decode() 方法实现：

const decoder = new TextDecoder();
const string = decoder.decode(utf8Array);
console.log(string);

执行以上代码后，控制台会输出如下结果：

Hello, 世界!

本文介绍了如何将 UTF8 字符串转换为字节数组，包括使用 TextEncoder 对象和 Uint8Array 类型的方法。同时也提到了一些注意事项，让读者能够更好地理解该主题并获得指导意义。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/31572