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