Javascript 带有转义字符串字符的 Array.join

Question

我们在 Javascript 中面临 Array.prototype.join 方法的问题。我们有一个包含 HTML 个字符串部分的字符串数组。 这些部分包含几个转义双素数 (\")。在 HTML 元素的标题和文本中，我们有字符串

4" 显示屏

我们使用 join 的数组如下所示：

var myArray = [
    "<a href=\"", 
    "http://www.example.com/", 
    "\"", 
    " ", 
    "title=\"", 
    "4\" display", 
    "\"", 
    ">", 
    "4\" display", 
    "</a>"
];
myArray.join('');

此代码段的 output 解析为：

'<a href="http://www.example.com/" title="4" display">4" display</a>'

如您所见，这实际上并不是我们希望的 HTML 元素。 我们希望创建这样的东西：

'<a href="http://www.example.com/" title="4\" display">4\" display</a>'

我们再次尝试转义反斜杠：

"4\\\" display",

但这只是解决了

'<a href="http://www.example.com/" title="4\\" display">4\\" display</a>'

此外，我们无法控制此处的标题和文本（来自我们无法控制的来源的输入数据），因此我们不能对双引号使用不同的 ASCI 字符。

我们还尝试将数组条目更改为模板字符串：

var myArray = [
    `<a href="`, 
    `http://www.example.com/`, 
    `"`, 
    ` `, 
    `title=\"`, 
    `4\" display`, 
    `\"`, 
    `>`, 
    `4\" display`, 
    `</a>`
];
myArray.join('');

但结果是一样的：

'<a href="http://www.example.com/" title="4" display">4" display</a>'

有没有办法以不同的方式写这个，所以连接会尊重转义序列？

谢谢并致以最诚挚的问候，马吕斯

Answer 1

您需要使用三个反斜杠，两个用于获取反斜杠，另一个用于" 。

 const parts = [ "<a href=\"", "http://www.example.com/", "\"", " ", "title=\"", "4\\\" display", // <- escape here "\"", ">", "4\" display", "</a>" ]; console.log(parts.join(''));