如何在 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 字元。