如何在 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+ 次浏览

启动您的 职业生涯

通过完成课程获得认证

开始学习
广告