在前端开发中，我们经常需要将字符串转换为对应的字符编码列表，以便进行数据传输或其他操作。这篇文章将介绍 JavaScript 中可用的方法来实现这一目标，并提供详细的示例代码和指导意义。
Unicode 和字符编码
在讨论如何将字符串转换为字符编码列表之前，有必要了解 Unicode 和字符编码的概念。
Unicode 是一种国际编码标准，用于表示各种语言的字符。它为每个字符分配了一个唯一的编号，这些编号通常用十六进制表示，称为 Unicode 码点。
字符编码是将字符映射到数字的方式。JavaScript 使用 UTF-16 编码，即将每个字符表示为 16 位无符号整数，可以通过字符的 Unicode 码点来计算出其对应的编码值。
例如，字符 "A" 的 Unicode 码点为 U+0041，对应的 UTF-16 编码为 65（10 进制）或 0x0041（16 进制）。
String.prototype.charCodeAt() 方法
JavaScript 中的 String 对象具有一个名为 charCodeAt() 的方法，该方法返回指定索引处字符的 UTF-16 编码值。
以下是一个简单的示例：
const str = "Hello, world!"; console.log(str.charCodeAt(0)); // 输出：72
这将输出字符串中第一个字符的 UTF-16 编码值，即字母 "H" 的编码值 72。
要将整个字符串转换为字符编码列表，可以使用一个循环并使用 charCodeAt() 方法来获取每个字符的编码值。以下是一个示例：
const str = "Hello, world!";
const codeList = [];
for (let i = 0; i < str.length; i++) {
codeList.push(str.charCodeAt(i));
}
console.log(codeList); // 输出：[72, 101, 108, 108, 111, 44, 32, 119, 111, 114, 108, 100, 33]此代码创建了一个名为 codeList 的空数组，并使用一个循环迭代字符串中的每个字符。每个字符的 UTF-16 编码值被添加到 codeList 中，最后输出该数组。
TextEncoder.encode() 方法
从 ECMAScript 2015（ES6）开始，JavaScript 引入了一种新的方式来将字符串转换为字符编码列表：TextEncoder.encode() 方法。
TextEncoder 接受一个字符串作为参数，并返回一个名为 ArrayBuffer 的对象，其中包含字符串的 UTF-8 编码。要将 ArrayBuffer 转换为整数数组，需要使用 Int8Array 或 Uint8Array 对象。
以下是一个示例：
const str = "Hello, world!"; const encoder = new TextEncoder(); const encoded = encoder.encode(str); const codeList = new Uint8Array(encoded); console.log(codeList); // 输出：Uint8Array(13) [72, 101, 108, 108, 111, 44, 32, 119, 111, 114, 108, 100, 33]
此代码创建一个 TextEncoder 对象并使用 encode() 方法将字符串转换为 ArrayBuffer。然后，使用 Uint8Array 对象将该 ArrayBuffer 转换为整数数组，并输出结果。
总结
本文介绍了在 JavaScript 中将字符串转换为字符编码列表的两种方法：String.prototype.charCodeAt() 和 TextEncoder.encode()。前者在旧版浏览器中可用，在现代浏览器中也能正常工作，后者是 ES6 中引入的新特性，并提供更好的性能和更广泛的支持。
无论使用哪种方法，都可以将字符串转换为整数数组，并在需要时进行数据传输或其他操作。在开发前端应用程序时，这是一个非常有用的功能，值得学习和掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/2456