如何处理 JSON 中的换行符?

IT技术 javascript json newline
2021-01-15 17:18:32

我已经生成了一些 JSON,我正在尝试将它拉入 JavaScript 中的一个对象中。我不断收到错误。这是我所拥有的:

var data = '{"count" : 1, "stack" : "sometext\n\n"}';
var dataObj = eval('('+data+')');

这给了我一个错误:

unterminated string literal

使用 时JSON.parse(data),我看到类似的错误消息:“ Unexpected token ↵”在 Chrome 中,“ unterminated string literal”在 Firefox 和 IE 中。

当我取出\nsometext,两种情况下错误都消失了。我似乎无法弄清楚为什么\n制造evalJSON.parse失败。

6个回答

这就是你想要的:

var data = '{"count" : 1, "stack" : "sometext\\n\\n"}';

您需要对\字符串中的进行转义(将其转换为 double- \),否则它将成为 JSON 源中的换行符,而不是 JSON 数据。

+ 1. 我在理解 JSON 编码时遇到了麻烦,但是“将成为 JSON 源中的换行符,而不是 JSON 数据”让我很清楚。
2021-03-11 17:18:32
这当然是正确的,但我想补充一下必须这样做的原因:ietf.org/rfc/rfc4627.txt的 JSON 规范在第 2.5 节中包含这句话:“所有 Unicode 字符都可以放在引号除外必须转义的字符:引号、反斜杠和控制字符(U+0000 到 U+001F)。” 由于换行符是控制字符,因此必须对其进行转义。
2021-03-29 17:18:32
人们可能认为 escaping\n是 escaping \(不知道如何引用 \ in line ...)作为 \\ plus n实际上,\n是一个控制字符,表示\u000A为一个 unicode 点。"\n"与 完全相同"\u000A"所以逃避\n就是逃避\u000A它的转义形式是\n,我们应该在 Javascript 字符串中将 \ 写成 \\,这就是"\\n"正确答案的原因。对于powershell,`转义字符不是\。换行符表示为`nConvertTo-Json "`n"将得到"\n"ConvertFrom-Json ‘"Line 1\nLine 2"’将得到Line 1Line 2分两行。
2021-04-01 17:18:32
根据 www.json.org JSON 确实接受字符串中的控制序列 "\n" - 如果您尝试 JSON.parse(['"a\\na"'])[1].charCodeAt(); 这将显示 10 - 这是我上次检查时的“换行”。--- BTW:别尖叫了!
2021-04-05 17:18:32

你需要有它取代的功能\n\\n的情况下,data是不是一个字符串。

function jsonEscape(str)  {
    return str.replace(/\n/g, "\\\\n").replace(/\r/g, "\\\\r").replace(/\t/g, "\\\\t");
}

var data = '{"count" : 1, "stack" : "sometext\n\n"}';
var dataObj = JSON.parse(jsonEscape(data));

结果dataObj将是

Object {count: 1, stack: "sometext\n\n"}
你需要转义你的转义字符(即.replace("\\n", "\\\\n")),我还建议使用正则表达式来允许替换多个实例(即.replace(/\n/g, "\\\\n")
2021-03-11 17:18:32
为什么需要转义转义字符?我的意思是这样的事情.replace("\n", "\\n")应该做得很好!!例如,var test = [{"description":"Some description about the product. This can be multi-line text."}]; console.log(JSON.parse(test.replace(/\n/g, "\\n")));将完美地将对象输出到浏览器控制台作为[{"description":"Some description about the product.\nThis can be multi-line text."}]
2021-03-23 17:18:32
顺便说一句,在上面的注释中,原始 JSON 字符串有一个新行,它被 stackoverflow 的注释格式化程序删除。您可以看到替换后的最终输出应该\n在值中插入一个换行符
2021-03-30 17:18:32
引号也需要转义怎么办?
2021-03-30 17:18:32
-1 这个答案首先构造了一个无效的 JSON 字符串(因为换行符是一个控制字符),然后尝试用一系列不完整的替换(控制字符超过 3 个)来修复它。然后最重要的是,它还设法使用该eval功能。17个赞???
2021-04-02 17:18:32

根据规范,http : //www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf

字符串是用引号 ( U+0022)包裹的 Unicode 代码点序列除了必须转义的字符外,所有字符都可以放在引号内:引号 ( U+0022)、反斜线 ( U+005C) 和控制字符U+0000to U+001F某些字符有两个字符的转义序列表示。

所以你不能直接传递0x0A0x0C编码。这是被禁止的!规范建议对一些定义良好的代码使用转义序列从U+0000to U+001F

  • \f表示换页符 ( U+000C)。
  • \n表示换行符 ( U+000A)。

由于大多数编程语言\用于引用,您应该转义转义语法(双重转义 - 一次用于语言/平台,一次用于 JSON 本身):

jsonStr = "{ \"name\": \"Multi\\nline.\" }";
在 JSON 文件本身中,您似乎可以/应该使用 \n,而不是 \\n,因为在ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf它说:“有两个字符一些字符的转义序列表示...... \r 表示回车符(U+000D)......”
2021-04-05 17:18:32

TLDR:作者问题的解决方案。

使用String.raw文字:

var data = String.raw`{"count" : 1, "stack" : "sometext\n\n"}`;

出于某种原因,这里的所有答案都集中在如何在 JavaScript 中解析 JSON 字符串表示,这可能会导致关于如何在实际 JSON 上表示换行符的混淆。后者不依赖于语言。

严格基于问题标题:

如何处理 JSON 中的换行符?

假设您使用以下代码解析 JSON 文件node(但它可以是任何语言):


let obj = JSON.parse(fs.readFileSync('file.json'));
console.log(obj.mykey)

以下是每个可能内容的输出file.json

输入 1:

{
  "mykey": "my multiline
   value"
}

输出 1:

SyntaxError: Unexpected token

输入 2:

{
  "mykey": "my multiline\nvalue"
}

输出 2:

my multiline
value

输入 3:

{
  "mykey": "my multiline\\nvalue"
}

输出 3:

my multiline\nvalue

结论一:

要在json文件中表示换行符,我们应该使用\n字符. 要表示\n我们应该使用\\n.


我们将如何使用 JavaScript(而不是输入文件)定义上述每个输入:

当我们需要在 JavaScript 中定义一个包含 JSON 的字符串时,事情会发生一些变化,因为\nJavaScript 也具有特殊含义但也要注意String.raw文字是如何解决这个问题的

输入 1:

let input1 = '{"mykey": "my multiline\nvalue"}'

//OR
let input1 = `{
  "mykey": "my multiline
   value"
}`;

//OR
let input1 = String.raw`{
  "mykey": "my multiline
   value"
}`;

console.log(JSON.parse(input1).mykey);

//SyntaxError: Unexpected token
//in JSON at position [..]

输入 2:

let input2 = '{"mykey": "my multiline\\nvalue"}'

//OR
let input2 = `{
  "mykey": "my multiline\\nvalue"
}`;

//OR (Notice the difference from default literal)
let input2 = String.raw`{
  "mykey": "my multiline\nvalue"
}`;

console.log(JSON.parse(input2).mykey);

//my multiline
//value

输入 3

let input3 = '{"mykey": "my multiline\\\\nvalue"}'

//OR
let input3 = `{
  "mykey": "my multiline\\\\nvalue"
}`;

//OR (Notice the difference from default literal)
let input3 = String.raw`{
  "mykey": "my multiline\\nvalue"
}`;

console.log(JSON.parse(input3).mykey);

//my multiline\nvalue

结论 2:

json在 javascript 中定义字符串,最简单的方法是使用String.raw,因为它不需要任何转义(除了像这样转义的反引号String.raw`abc${"`"}def` )。

当然,json在 javascript 中创建最简单的方法,通常是将 javascript 对象转换为 json(使用JSON.stringify)。

@tfantina 作者的问题是关于解析的。渲染是另一回事。解析 json 可能处于没有 html 视图可用的上下文中。我想在我的回答中指出的是,在纯 json 换行符中是这样表示的:(\n按规范),而在 javascript 字符串定义中,json 换行符需要转义:\\n最后,换行字节不是字符串类型的 json 值中的有效字符。
2021-03-19 17:18:32
这个答案解释了如何处理.json文件中的新行虽然这不是 OP 问题的答案,但很多使用 .json 文件的人都在这里登陆
2021-03-25 17:18:32
这是真的,但是正如@jerryurenaa 指出的那样,您需要在显示 json 的任何地方处理空格。
2021-04-09 17:18:32

例如,您可以在写入 JSON 字段的值时在服务器上转义您的字符串,并在客户端浏览器中检索该值时将其取消转义。

所有主要浏览器的 JavaScript 实现都有 unescape 命令。

例子:

在服务器上:

response.write "{""field1"":""" & escape(RS_Temp("textField")) & """}"

在浏览器中:

document.getElementById("text1").value = unescape(jsonObject.field1)