为什么用转义字符?

HTML中<，>，&等有特殊含义，不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？

转义字符。在HTML中，

定义转义字符串的原因有两个：

第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母大小写的规则。

第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。

是什么?

特殊问题(本文重点)

需求:

需要给字符串:  " "aaa":"111","bbb":"222" "  中的每个"之前加一个\

问题:

我一开始是这样想的,用字符串方法,把"替换成\"就可以了

实现如下:

let searchRegExp = /"/g
let replaceWith = '/"'

let result = '"duck" :"go"'.replace(searchRegExp, replaceWith)

result
'/"duck/" :/"go/"'

 JavaScript 中替换所有指定字符

第一种:使用 split 和 join 的方法

这种方法，主要包含二个阶段：

1. 使用 split 方法，根据指定的字符将字符串分成多个部分。
2. 然后使用 join 方法将分割的多个部分连接在一直，并在它们之间插入指定的字符。

例如，我们将字符串'1+2+3'中的+替换为-。首先，通过split方法根据 +分割符将'1+2+3'分开，得到['1'，'2'，'3']。然后通过 join 方法并指定连接字条-，得到结果'1-2-3'。示例如下：

const search = 'duck';
const replaceWith = 'goose';

const result = 'duck duck go'.split(search).join(replaceWith);

result; // => 'goose goose go'

'duck duck go'.split('duck')将字符串分割成几段：['', ' ', ' go']。 ['', ' ', ' go'].join('goose') 在元素之间插入'goose'并连接起来，得到'goose goose go'。

最后我们把这种方式封装成一个帮助函数 replaceAll:

function replaceAll(string, search, replace) {
  return string.split(search).join(replace);
}

replaceAll('abba', 'a', 'i');          // => 'ibbi'
replaceAll('go go go!', 'go', 'move'); // => 'move move move!'
replaceAll('oops', 'z', 'y');          // => 'oops'

这种方法需要将字符串转换为数组，然后再转换回字符串。这是一种变通方法，但不是一个好的解决方案。

参考文章:在 JavaScript 中替换所有指定字符 3 种方法 - 腾讯云开发者社区-腾讯云

注意:

js输出的会自动添加一个/ 

"不会转义,所以 " 和 /" 最后都输出 ''