javascript - 解释 json 字符串中的反斜杠字符以进行漂亮显示

Question

我有一个像这样的 json 字符串:

{ "choice": "gogo", "parameter": "high", "result": "[ { \"value_1\": 1.2, \"feature_1\": \"chicken\", \"prominent\": \"yes\" }, ... 

json 字符串的结果部分有反斜杠字符，来自 json 中的换行符。我试图转义这些字符，以便我可以以漂亮的方式在 html 中显示 json。有没有办法让 javascript 解释字符串中的换行符，使其显示如下:

{
    "choice": "gogo",
    "parameter": "high",
    "result": "[ { "value_1": 1.2, "feature_1": "chicken", "prominent": "yes" } ... and so on 

我试过:

Json result to html (Newline)

JSON.stringify output to div in pretty print way

How can I beautify JSON programmatically?

但它们仍然输出显示换行符的 json。

也试过:

var str = JSON.stringify(obj, null, 2);

但它仍然显示反斜杠。

还尝试在包含 json 字符串的 div 中使用 pre 标签:

<div id="show_json"><pre></pre></div>

Answer 1

您可以替换所有的反斜杠:

var obj = {
  "choice": "gogo",
  "parameter": "high",
  "result": "[ { \"value_1\": 1.2, \"feature_1\": \"chicken\", \"prominent\": \"yes\" } ]"
};
document.body.innerHTML = JSON.stringify(obj, null, 4).replace(/\\/g, "");

body { white-space: pre }