如何在JavaScript中將字串轉成UTF-8格式

在日常的開發中，我們經常需要將字串轉換成 UTF-8 格式，因為 UTF-8 是一種通用的字符編碼方式，它支援多語言字符，包括中文、日文、韓文等等。 JavaScript 是一門常用的腳本語言，它可以幫助我們實現這個轉換過程。

本文將會從以下幾個面向介紹如何在JavaScript 中將字串轉換成UTF-8 格式：

1. 了解UTF-8 編碼方式
2. 快速實現字串轉UTF-8
3. 完整的UTF-8 轉碼方案
4. 了解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 庫完成整個應用的轉碼任務。在實際開發中，根據實際需求選擇適合的方法可以減少開發成本，並提高工作效率。

以上是如何在JavaScript中將字串轉成UTF-8格式的詳細內容。更多資訊請關注PHP中文網其他相關文章！