如何使用 JavaScript 在控制台中打印 Unicode 字符?

front end technologyjavascriptweb development

在本文中,我们将学习如何使用 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 字符。


相关文章