时间戳

首页 > 解决方案 > 如何转义对象内的所有双引号

javascript - 如何转义对象内的所有双引号

问题描述

我有很多 HTML 标签在我的代码中硬编码为字符串。我想将它们移动到一个单独的模块中，以便我可以将它们用作变量。

当我使用 JSON.parse(HTMLTags) 解析对象时出现错误

JSON中的意外令牌x

我知道那是因为双引号，我知道我可以使用反斜杠转义它们。但这太多了，因为它们有很多标签。还有其他方法吗？

  export const HTMLTags = `{
   "h1s": {
      "greating1": "<h1 id="ms1" class="ms">ABC</h1>",
      "greating2": "<h1 id="ms2" class="ms">XYZ</h1>",
               .
               .
               .
               .
               .
      "greatingx": "<h1 id="msX" class="ms">QWE</h1>"
   }
}`;

标签： javascripthtmljson

解决方案

问题在于您的属性的引号。源字符串本身无效：

const HTMLTags = `{
   "h1s": {
      "greating1": "<h1 id='ms1' class='ms'>ABC</h1>",
      "greating2": "<h1 id='ms2' class='ms'>XYZ</h1>",
      "greatingx": "<h1 id='msX' class='ms'>QWE</h1>"
   }
}`;


console.log(JSON.parse(HTMLTags));

您也可以通过正则表达式解析它：

                                                
const HTMLTags = `{
   "h1s": {
      "greating1": "<h1 id="ms1" class="ms">ABC</h1>",
      "greating2": "<h1 id="ms2" class="ms">XYZ</h1>",
      "greatingx": "<h1 id="msX" class="ms">QWE</h1>"
   }
}`;

const replaced = HTMLTags.replace(/(?<==)["']?((?:.(?!["']?\\s+(?:\S+)=|[>"']))+.)["']?/g,
                str => str.replace(/"/gi, `'`)
                );

console.log(replaced);
console.log(JSON.parse(replaced));

推荐阅读