如何使用 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"以及 Unicode 字符 'H' 和 'o'。执行检查后,两个字符串相同。然后我们检查其他一些字符。显示时,s1 和 s2 具有相同的外观,尽管它们包含不同的代码单元。发生这种情况是因为 ç 石墨烯可以用两种方式之一构建,一种是使用 U+00E7 拉丁小写字母 c 和变音符,另一种是使用 U+0063 拉丁小写字母 c 和 U+0327 组合变音符。
<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 几乎相同,但插入了不同的变音符,因此它们被解释为不同的字符串。
在变量和函数名称中使用 Unicode 字符
在本教程中,我们将了解如何将 Unicode 字符放入变量名称中。
语法
var f\u<hex>=’Hi’;
示例
在此示例中,我们看到两种方法,一种是使用 Unicode 字符作为变量名称,另一种是使用 Unicode 字符作为函数名称。变量名称将被识别为 ‘foo’,函数名称将被识别为 ‘fo’,这有助于在控制台中打印 Unicode 字符。
<html> <head> <title> JavaScript Unicode </title> </head> <body> <h2> 使用 Unicode 字符作为变量和函数名称</h2> <p> 请打开控制台以在控制台中查看上述消息。</p> <script> var f\u006F\u006F = 'TutorialsPoint'; console.log(foo); document.write(foo+" "); let x = f\u006F(2, 5); // 函数被调用,返回值将最终位于 x 中 function f\u006F(a, b) { return a * b; // 函数返回 a 和 b 的乘积 } console.log(x); document.write(x); </script> </body> </html>
在此输出中,我们看到变量的值正在被打印,并且函数正在被识别,因为我们使用 Unicode 字符来声明变量和函数名称。
结论
我们使用了三种方法使用 JavaScript 在控制台中打印 Unicode 字符。首先,我们了解如何在控制台中打印简单字符和转义序列。其次,我们了解如何比较两个字符串并查看所有 Unicode 字符是否相同。第三,我们在变量名和函数名中使用 Unicode 字符来检查它们是否以与传统方式相同的方式工作。这些方法将是可以理解的,并帮助读者详细学习 Unicode 字符。