如何在 JavaScript 中使用控制檯列印 Unicode 字元?


在這篇文章中,我們將學習如何在 JavaScript 中使用控制檯列印 **Unicode** 字元。無論平臺、軟體或語言如何,Unicode 為每個字元分配一個唯一的數字

大多數書寫系統的字元都由稱為 **Unicode** 的通用字元集定義,該字元集也為每個字元分配一個唯一的數字(碼位)。稱為抽象字元(或字元)的資料單元用於組織、管理或表示文字資料。

Unicode 包含大多數現代語言的字母、標點符號、變音符號、數學符號、技術符號、箭頭、表情符號和其他符號。

這些是在控制檯中列印的不同型別的 Unicode 字元。

使用轉義序列

為了在字串中表示基於碼位編號的程式碼單元,使用了轉義序列。JavaScript 中有三種轉義型別可用,其中一種在 ECMAScript 2015 中首次出現。

語法

使用者可以按照以下語法列印轉義序列。

\u<hex>

引數

這裡 \u 是一個字首,後面跟著一個十六進位制數 <hex>,長度固定為 4 位數字。例如,'\u0051'(符號 'Q')或 '\u222B'(積分符號 '∫')。

示例

下面的示例演示瞭如何在控制檯中列印 Unicode 字元——轉義序列。變數 s 儲存空格和字母“U”的特定 Unicode 值。然後將其列印到控制檯。類似地,在接下來的幾行中,我們看到笑臉表情符號和有趣貓臉表情符號的 Unicode。

<head>
   <title> JavaScript Unicode </title>
</head>
<body>
   <h2> Using escape sequences in Unicode</h2>
   <script>
      const s = 'I\u0020learn \u0055nicode';
      console.log(s); // => 'I learn Unicode'
      document.write(s+" <br>");
      const s1 = 'Happy face \uD83D\uDE00';
      console.log(s1); // => 'Happy face 😀'
      document.write(s1+"<br> ");
      const s2 = 'Funny cat face \u{1F639}';
      console.log(s2);
      document.write(s2+"<br> ");
      document.write("<br>Please open the Console to see the above message in Console.")
   </script>
</body>
</html>

在這裡,讀者可以觀察到如何使用 Unicode 字元列印空格、字母和表情符號。

比較字串

在這種方法中,我們將使用字串來檢查 Unicode 字元。如果兩個字串的程式碼單元相同,則在字串比較中匹配程式碼單元的評估將是所需的。

考慮比較兩個顯示字串,它們的外觀相同,但具有不同的程式碼單元序列。由於表面上看起來相等的字串在比較中並不相等,因此您可能會得到意外的結果。

語法

const a = '\u0068ell\u006F';

示例

使用者可以學習使用 Unicode 字元執行字串比較。我們插入“hello”和 'H' 和 'o' 的 Unicode 字元。執行檢查,兩個字串相同。然後我們檢查其他一些字元。顯示時,s1 和 s2 外觀相同,儘管它們包含不同的程式碼單元。這是因為 ç 石墨烯可以透過兩種方式構建,一種使用 U+00E7 拉丁小寫字母 c 帶 cedilla,另一種使用 U+0063 拉丁小寫字母 c 和 U+0327 組合 cedilla。

<html>
<head>
   <title> JavaScript Unicode </title>
</head>
<body>
   <h2> Using string comparison in Unicode </h2>
   <p> Please open the Console to see the above message in Console.</p>
   <script>
      const firstS = 'hello';
      const secondS = '\u0068ell\u006F';
      console.log(firstS === secondS); // => true
      document.write(firstS === secondS);
      const s1 = 'çavabien';
      const s2 = 'c\u0327a vabien';
      console.log(s1); // => 'çavabien'
      document.write("<br> "+s1+" <br> ");
      console.log(s2); // => 'çavabien'
      document.write(s2+" <br>");
      console.log(s1 === s2); // => false
      document.write(s1===s2)
   </script>
</body>
</html>

在上面的輸出中,使用者可以看到首先執行兩個字串之間的檢查。然後我們看到 s1 和 s2 幾乎相同,但 cedilla 的插入不同,因此它們被解釋為不同的字串。

在變數和函式名中使用 Unicode 字元

在本教程中,我們將瞭解如何在變數名中新增 Unicode 字元。

語法

var f\u<hex>=’Hi’;

示例

在這個例子中,我們看到兩種方法,一種是使用 Unicode 字元作為變數名,另一種是使用 Unicode 字元作為函式名。變數名將被識別為“foo”,函式名將被識別為“fo”,這有助於在控制檯中列印 Unicode 字元。

<html>
<head>
   <title> JavaScript Unicode </title>
</head>
<body>
   <h2> Using Unicode characters for variable and function names</h2>
   <p> Please open the Console to see the above message in Console.</p>
   <script>
      var f\u006F\u006F = 'TutorialsPoint';
      console.log(foo);
      document.write(foo+" ");
      let x = f\u006F(2, 5);
      // Function is called, return value will end up in x
      function f\u006F(a, b) {
         return a * b; // Function returns the product of a and b
      }
      console.log(x);
      document.write(x);
   </script>
</body>
</html>

在這個輸出中,我們看到變數的值正在列印,並且函式被識別,因為我們使用 Unicode 字元來宣告變數和函式名。

結論

我們使用了三種方法來使用 JavaScript 在控制檯中列印 Unicode 字元。首先,我們看到如何在控制檯中列印簡單的字元和轉義序列。其次,我們看到如何比較兩個字串並檢視所有 Unicode 字元是否相同。第三,我們使用 Unicode 字元作為變數名和函式名來檢查它們是否與傳統方式一樣工作。這些方法將易於理解,並幫助讀者詳細瞭解 Unicode 字元。

更新於:2022年7月22日

3K+ 次瀏覽

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告