JavaScript - Unicode

什麼是 Unicode？

Unicode 是一個通用的字元集，包含大多數語言、書寫系統等的字元列表。它為每個字元提供一個唯一的編號，而不依賴於程式語言、平臺、作業系統等。此外，它還包括標點符號、表情符號、特殊字元等。

簡而言之，Unicode 集合包含唯一的數字，每個數字代表一個唯一的字元，其含義與平臺、作業系統等無關。

Unicode 背後的直覺

在理解 Unicode 之前，讓我們先了解其背後的理念。你能回答為什麼你能閱讀本教程嗎？這是因為你知道所寫字母的含義。讀者（你）和作者對英語字母都有相同的理解；這就是你能夠閱讀作者所寫內容的原因。

同樣，計算機不理解字母。對於計算機而言，字母是位的序列，每個序列都對映到一個唯一的字元，稱為 Unicode。

現在，讓我們深入瞭解 Unicode。

JavaScript 中的 Unicode

JavaScript 允許開發人員在字串文字和原始碼中使用 Unicode 字元。開發人員需要使用轉義表示法 (\u) 來在 JavaScript 程式碼中使用 Unicode 字元。

語法

使用者可以按照以下語法在 JavaScript 中使用 Unicode 字元。

const char = '\uxxxx';

在上述語法中，'\uxxxx' 是一個 Unicode 字元。“xxxx”代表十六進位制字元，“\u”代表轉義表示法。

示例

示例：Unicode 轉義序列

在下面的示例中，我們使用了 Unicode 轉義序列來列印“hello”訊息。

<html>
<body>
   <div>Using unicode escape sequence</div>
   <div id = "output"> </div>
   <script>
      let str = '\u0068\u0065\u006c\u006c\u006f'
      document.getElementById("output").innerHTML = str;
</script>
</body>
</html>

輸出

Using unicode escape sequence
hello

示例：在變數名中使用 Unicode 字元

在下面的程式碼中，我們使用了兩個不同的 Unicode 字元作為兩個不同的識別符號（變數名）。在輸出中，您可以觀察到這兩個識別符號的值。

<html>
<body>
   <div>Using unicode characters in variable names</div>
   <div id = "output"> </div>
   <script>
      // Using the Unicode characters in variable names
      let \u0061 = "Hello";
      let \u0062 = "World";
      document.getElementById("output").innerHTML = a + " " + b;
</script>
</body>
</html>

輸出

Using unicode characters in variable names
Hello World

示例：在字串中使用 Unicode 字元

在這個示例中，我們在字串文字中使用了 Unicode 字元。輸出顯示字串中間的特殊字元。

<html>
<body>
   <div> Using the Unicode Characters in String </div>
   <div id = "output"> </div>
   <script>
    // Using the Unicode characters in the string
    let str = 'Hello \u00D8 \u00F8 World';
    document.getElementById("output").innerHTML = str;
</script>
</body>
</html>

輸出

Using the Unicode Characters in String
Hello Ø ø World

示例：為非 BMP（基本多語言平面）字元使用 Unicode

在下面的示例中，我們使用了 Unicode 字元（程式碼點）來顯示非 BMP（基本多語言平面）字元。我們為一名醫護人員進行了演示。

<html>
<body>
   <div>showing person heath worker using unicode code point</div>
   <div id = "output"> </div>
   <script>
    // Showing emojis using the unicode characters
    const smileyFace = '\u{1F9D1}\u200D\u2695\uFE0F';
    document.getElementById("output").innerHTML = smileyFace;
</script>
</body>
</html>

輸出

showing person heath worker using unicode code point
🧑‍⚕️

示例：使用 Unicode 字元顯示錶情符號

在下面的程式碼中，我們使用了Unicode字元來顯示笑臉表情符號。

<html>
<body>
   <div>Showing Emojies Using the Unicode Characters </div>
   <div id = "output"> </div>
   <script>
    // Showing emojis using the unicode characters
    const smileyFace = '\uD83D\uDE0A';
    document.getElementById("output").innerHTML = smileyFace;
</script>
</body>
</html>

輸出

Showing Emojies Using the Unicode Characters
😊

正如我們所看到的，每個Unicode字元都代表一個唯一的字元。在JavaScript中，我們可以使用帶識別符號、字串字面量等的Unicode字元。

列印頁面