如何在 JavaScript 中转义字符串？

在本文中，我们将了解如何在 JavaScript 中转义字符串。

什么是字符串？

字符串是JavaScript 的一种数据类型，用于存储符号、字母或数字。文本数据存储在字符串数据类型中，并使用单引号或双引号定义。

什么是字符串转义？

字符串转义是一种将特殊字符视为字面字符的方法。它用于通过转义字符串来包含特殊字符。

让我们通过一个例子来看看字符串转义的必要性。

以下字符串会显示错误

输出

 
SyntaxError: Unexpected identifier   

此错误是由于我们使用了两次双引号，这在 JavaScript 中是不支持的。我们可以转义 JavaScript 中的字符来修复此错误。

以下是用于转义字符串的方法

• 转义字符
• 反向字符串语法
• 模板字面量

我们将通过示例学习每种方法。

使用转义字符 (\)

反斜杠表示下一个字符必须作为字面字符而不是特殊字符，因此我们可以使用反斜杠 (\) 字符来转义字符串。

当反斜杠后跟特定字符时，它就成为一个转义序列，例如以下内容：

\\ - 反斜杠

\" - 双引号

\' - 单引号

\n - 新行

\t - 制表符

\t - 回车符

演示 1

我们将声明一个名为 “apostrophe” 的字符串，该字符串在单个句子中包含单引号和撇号。我们将使用转义序列 (\') 来转义字符串。

代码

输出

我们可以看到字符串是通过使用转义序列 (\') 转义的。

 
It's a rainy day.   

演示 2

我们将声明一个名为 “quote” 的字符串，该字符串在单个句子中包含两次双引号。我们将使用转义序列 (\") 将特殊字符视为字面字符。

代码

输出

我们可以看到字符串是通过使用转义序列 (\") 转义的。

 
She said, "I like mathematics!"   

演示 3

我们将使用转义序列 (\n) 到下一行并转义字符串。

代码

输出

我们可以看到字符串是通过使用转义序列 (\n) 转义的。

 
It is line 1. 
It is line 2.   

演示 4

我们将使用转义序列 (\t) 在句子中添加制表符空格。

代码

输出

我们可以看到字符串是通过使用转义序列 (\t) 转义的。

 
Hi, 	 How are you?   

使用反向字符串语法

我们可以使用反向字符串语法来转义字符串。我们可以使用单引号或双引号来转义字符串。

演示 1

我们将用包含单引号的字符串（用双引号括起来）来转义字符串。

代码

输出

我们可以看到字符串已通过使用单引号括起来包含双引号的字符串来转义。

 
He said, "I learned from JTP!"   

演示 2

我们将把包含撇号的字符串用双引号括起来以转义字符串。

代码

输出

我们可以看到字符串已通过使用双引号括起来包含撇号的字符串来转义。

输出

 
It is a wonderful day, isn't it?   

使用模板字面量（反引号）

我们可以使用模板字面量，即反引号 (` `)，来转义字符串。

演示 1

我们将用包含字符串内双引号的字符串（用反引号括起来）来转义字符串。

代码

输出

我们可以看到字符串已通过使用反引号括起来包含双引号的字符串来转义。

 
He said, "I am here to teach you JavaScript!"   

演示 2

我们将字符串中包含撇号，并用反引号括起来以转义字符串。

代码

输出

我们可以看到字符串已通过使用反引号括起来包含撇号的字符串来转义。

 
It's a beautiful necklace.   

结论

在本文中，我们已经了解了如何在 JavaScript 中转义字符串。我们可以使用三种方法来转义字符串，即转义字符、反向字符串语法和模板字面量。我们已经通过示例理解了每种方法，现在可以在需要时使用它们。