在日常的開發中，我們經常需要將字符串轉化成 UTF-8 格式，因為 UTF-8 是一種通用的字符編碼方式，它支持多語言字符，包括中文、日文、韓文等等。JavaScript 是一門常用的腳本語言，它可以幫助我們實現這個轉換過程。
本文將會從以下幾個方面介紹如何在 JavaScript 中將字符串轉成 UTF-8 格式：
了解 UTF-8 編碼方式
快速實現字符串轉 UTF-8
完整的 UTF-8 轉碼方案
了解 UTF-8 編碼方式
UTF-8 是一種變長字符編碼，它的編碼規則如下：
對于單字節的字符，字節的第一位設為 0，后面 7 位為這個字符的 Unicode 碼；
對于多字節的字符，首字節的前 n 位全為 1，第 n+1 位為 0，后面字節的前 2 位一律設為 10，剩余的 6 位為該字符的 Unicode 碼。
例如，中文字符 "你" 的 Unicode 碼為 "U+4F60"，根據上述規則，將其轉成 UTF-8 編碼后應該是 "E4 BD A0"。
快速實現字符串轉 UTF-8
在 JavaScript 中，我們可以通過編碼和解碼函數方便地實現字符串轉 UTF-8 格式的功能。
首先是編碼函數，我們可以使用 encodeURIComponent() 函數把字符串轉為 URI 編碼格式，再將每個字符的 URI 編碼按照 UTF-8 格式拼接成最終的字符串，示例代碼如下：
function utf8Encode(str) {
let encodedStr = encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (match, p1) => {
return String.fromCharCode(parseInt(p1, 16));
});
let utf8Str = "";
for (let i = 0; i < encodedStr.length; i++) {
let charCode = encodedStr.charCodeAt(i);
if (charCode < 128) {
utf8Str += String.fromCharCode(charCode);
} else if (charCode < 2048) {
utf8Str += String.fromCharCode((charCode >> 6) | 192);
utf8Str += String.fromCharCode((charCode & 63) | 128);
} else {
utf8Str += String.fromCharCode((charCode >> 12) | 224);
utf8Str += String.fromCharCode(((charCode >> 6) & 63) | 128);
utf8Str += String.fromCharCode((charCode & 63) | 128);
}
}
return utf8Str;
}其中， encodeURIComponent() 函數用于把字符串轉化成 URI 編碼，replace() 函數則用于將每個字符的 URI 編碼按照 UTF-8 格式拼接成最終的字符串。
解碼函數則是使用 decodeURIComponent() 函數對經過編碼的字符串進行解碼，示例代碼如下：
function utf8Decode(utf8Str) {
let decodedStr = "";
let i = 0;
while (i < utf8Str.length) {
let charCode = utf8Str.charCodeAt(i);
if (charCode < 128) {
decodedStr += String.fromCharCode(charCode);
i++;
} else if (charCode >= 192 && charCode < 224) {
decodedStr += String.fromCharCode(((charCode & 31) << 6) | (utf8Str.charCodeAt(i + 1) & 63));
i += 2;
} else {
decodedStr += String.fromCharCode(((charCode & 15) << 12) | ((utf8Str.charCodeAt(i + 1) & 63) << 6) | (utf8Str.charCodeAt(i + 2) & 63));
i += 3;
}
}
return decodeURIComponent(decodedStr);
}完整的 UTF-8 轉碼方案
上述的函數雖然能夠實現字符串轉 UTF-8 格式，但是如果我們需要對整個 Web 應用中的字符串進行轉碼，這種方法就不太實用了。這時候我們可以借助第三方庫，比如 iconv-lite，來完成整個應用的轉碼任務，示例代碼如下：
const iconv = require("iconv-lite");
let utf8Str = "歡迎使用 iconv-lite 庫";
let buf = iconv.encode(utf8Str, "utf8"); // 轉成 UTF-8 Buffer
let gbkStr = iconv.decode(buf, "gbk"); // 轉成 GBK 編碼字符串在上述代碼中，我們使用 iconv.encode() 函數將字符串轉成 UTF-8 編碼的 Buffer，再使用 iconv.decode() 函數將 Buffer 轉成對應編碼的字符串。需要注意的是，使用 iconv-lite 庫需要先通過 npm 安裝，安裝方式為：
npm install iconv-lite
總結
本文介紹了如何在 JavaScript 中將字符串轉換成 UTF-8 格式。我們了解了 UTF-8 編碼方式，通過編碼和解碼函數實現了字符串轉 UTF-8 的簡單方法，并介紹了使用 iconv-lite 庫完成整個應用的轉碼任務。在實際開發中，根據實際需求選擇適合的方法可以減少開發成本，提高工作效率。
