我已经生成了一些JSON,我试图将它拉入JavaScript中的对象。我一直在收到错误。这就是我所拥有的
var data = '{"count" : 1, "stack" : "sometext\n\n"}';
var dataObj = eval('('+data+')');
这给了我一个错误
unterminated string literal
使用JSON.parse(data)
,我会看到类似的错误消息:Chrome中的“Unexpected token ↵
”和Firefox和IE中的“unterminated string literal
”。
当我在\n
之后取出sometext
时,错误在两种情况下都会消失。我似乎无法弄清楚\n
使eval
和JSON.parse
失败的原因。
答案 0 :(得分:318)
我想这就是你想要的:
var data = '{"count" : 1, "stack" : "sometext\\n\\n"}';
(您需要转义字符串中的“\”(将其转换为双 - “\”),否则它将成为JSON源中的换行符,而不是JSON数据。)
答案 1 :(得分:30)
如果\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"}
答案 2 :(得分:9)
TLDR:作者问题的解决方案。
使用 String.raw
字面量:
var data = String.raw`{"count" : 1, "stack" : "sometext\n\n"}`;
出于某种原因,这里的所有答案都集中在如何在 JavaScript 中解析 JSON 字符串表示,这可能会导致关于如何在实际 JSON 上表示换行符的混淆。后者不依赖于语言。
严格根据题目:
假设您在 node
中使用以下代码解析 JSON 文件(但它可以是任何语言):
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 中定义一个包含 JSON 的字符串时,由于 \n
对 JavaScript 也有特殊含义,情况会发生一些变化。 但也要注意 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
要在 javascript 中定义 json
字符串,最简单的方法是使用 String.raw
,因为它不需要任何转义(除了像这样转义的反引号)这个 String.raw`abc${"`"}def`
).
当然,在 javascript 中创建 json
最简单的方法,一般来说就是将 javascript 对象转换为 json(使用 JSON.stringify
)。
答案 3 :(得分:7)
根据规范:http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf
A string is a sequence of Unicode code points wrapped with quotation marks
(U+0022). All characters may be placed within the quotation marks except for the
characters that must be escaped: quotation mark (U+0022), reverse solidus
(U+005C), and the control characters U+0000 to U+001F. There are two-character
escape sequence representations of some characters.
因此,您无法直接传递0x0A
或0x0C
代码。这是被禁止的! Spec建议对从U+0000
到U+001F
的一些明确定义的代码使用转义序列:
\f represents the form feed character (U+000C).
\n represents the line feed character (U+000A).
由于大多数编程语言使用\
来引用,你应该转义转义语法(双转义 - 一次用于语言/平台,一次用于Json本身):
jsonStr = "{ \"name\": \"Multi\\nline.\" }";
答案 4 :(得分:3)
例如,在编写json字段的值时,您可以在服务器中转义字符串,并在客户端浏览器中检索值时将其转换为unescape。
所有主要浏览器的javascript实现都有unescape命令。
实施例: 在服务器中:
response.write "{""field1"":""" & escape(RS_Temp("textField")) & """}"
浏览器中的:
document.getElementById("text1").value = unescape(jsonObject.field1)
答案 5 :(得分:2)
您可能希望查看此C#函数以转义字符串:
http://www.aspcode.net/C-encode-a-string-for-JSON-JavaScript.aspx
public static string Enquote(string s)
{
if (s == null || s.Length == 0)
{
return "\"\"";
}
char c;
int i;
int len = s.Length;
StringBuilder sb = new StringBuilder(len + 4);
string t;
sb.Append('"');
for (i = 0; i < len; i += 1)
{
c = s[i];
if ((c == '\\') || (c == '"') || (c == '>'))
{
sb.Append('\\');
sb.Append(c);
}
else if (c == '\b')
sb.Append("\\b");
else if (c == '\t')
sb.Append("\\t");
else if (c == '\n')
sb.Append("\\n");
else if (c == '\f')
sb.Append("\\f");
else if (c == '\r')
sb.Append("\\r");
else
{
if (c < ' ')
{
//t = "000" + Integer.toHexString(c);
string t = new string(c,1);
t = "000" + int.Parse(tmp,System.Globalization.NumberStyles.HexNumber);
sb.Append("\\u" + t.Substring(t.Length - 4));
}
else
{
sb.Append(c);
}
}
}
sb.Append('"');
return sb.ToString();
}
答案 6 :(得分:2)
您好我使用此函数去除数据中的换行符或其他字符以解析JSON数据:
function normalize_str($str) {
$invalid = array('Š'=>'S', 'š'=>'s', 'Đ'=>'Dj', 'đ'=>'dj', 'Ž'=>'Z', 'ž'=>'z',
'Č'=>'C', 'č'=>'c', 'Ć'=>'C', 'ć'=>'c', 'À'=>'A', 'Á'=>'A', 'Â'=>'A', 'Ã'=>'A',
'Ä'=>'A', 'Å'=>'A', 'Æ'=>'A', 'Ç'=>'C', 'È'=>'E', 'É'=>'E', 'Ê'=>'E', 'Ë'=>'E',
'Ì'=>'I', 'Í'=>'I', 'Î'=>'I', 'Ï'=>'I', 'Ñ'=>'N', 'Ò'=>'O', 'Ó'=>'O', 'Ô'=>'O',
'Õ'=>'O', 'Ö'=>'O', 'Ø'=>'O', 'Ù'=>'U', 'Ú'=>'U', 'Û'=>'U', 'Ü'=>'U', 'Ý'=>'Y',
'Þ'=>'B', 'ß'=>'Ss', 'à'=>'a', 'á'=>'a', 'â'=>'a', 'ã'=>'a', 'ä'=>'a', 'å'=>'a',
'æ'=>'a', 'ç'=>'c', 'è'=>'e', 'é'=>'e', 'ê'=>'e', 'ë'=>'e', 'ì'=>'i', 'í'=>'i',
'î'=>'i', 'ï'=>'i', 'ð'=>'o', 'ñ'=>'n', 'ò'=>'o', 'ó'=>'o', 'ô'=>'o', 'õ'=>'o',
'ö'=>'o', 'ø'=>'o', 'ù'=>'u', 'ú'=>'u', 'û'=>'u', 'ý'=>'y', 'ý'=>'y', 'þ'=>'b',
'ÿ'=>'y', 'Ŕ'=>'R', 'ŕ'=>'r', "`" => "'", "´" => "'", '"' => ',', '`' => "'",
'´' => "'", '"' => '\"', '"' => "\"", '´' => "'", "’" => "'", "{" => "",
"~" => "", "–" => "-", "'" => "'"," " => " ");
$str = str_replace(array_keys($invalid), array_values($invalid), $str);
$remove = array("\n", "\r\n", "\r");
$str = str_replace($remove, "\\n", trim($str));
//$str = htmlentities($str,ENT_QUOTES);
return htmlspecialchars($str);
}
echo normalize_str($lst['address']);
答案 7 :(得分:1)
JSON.stringify
JSON.stringify(`{
a:"a"
}`)
将上述字符串转换为
"{ \n a:\"a\"\n }"
如此处所述
此函数在输入字符串的开头和结尾添加双引号,并转义特殊的JSON字符。特别是,将换行符替换为\ n字符,将制表符替换为\ t字符,将反斜杠替换为两个反斜杠\,并在每个引号之前放置一个反斜杠。
答案 8 :(得分:1)
好吧,当只需使用1个CSS类即可完成此功能时,实际上并不需要为此创建函数。
只需将您的文字环绕在此类上,然后看一下魔术:D
<p style={{whiteSpace: 'pre-line'}}>my json text goes here \n\n</p>
注意:因为您将始终使用HTML在前端显示文本,所以您可以将style = {{whiteSpace:'pre-line'}}添加到任何标签,而不仅仅是p标签。
答案 9 :(得分:0)
我在PHP4中创建一个类来模拟json_encode(在PHP5中可用)时遇到了这个问题。这就是我想出的:
class jsonResponse {
var $response;
function jsonResponse() {
$this->response = array('isOK'=>'KO','msg'=>'Undefined');
}
function set($isOK, $msg) {
$this->response['isOK'] = ($isOK) ? 'OK' : 'KO';
$this->response['msg'] = htmlentities($msg);
}
function setData($data=null) {
if(!is_null($data))
$this->response['data'] = $data;
elseif(isset($this->response['data']))
unset($this->response['data']);
}
function send() {
header('Content-type: application/json');
echo '{"isOK":"'.$this->response['isOK'].'","msg":'.$this->parseString($this->response['msg']);
if(isset($this->response['data']))
echo ',"data":'.$this->parseData($this->response['data']);
echo '}';
}
function parseData($data) {
if(is_array($data)) {
$parsed = array();
foreach ($data as $key=>$value)
array_push($parsed, $this->parseString($key).':'.$this->parseData($value));
return '{'.implode(',', $parsed).'}';
} else
return $this->parseString($data);
}
function parseString($string) {
$string = str_replace("\\", "\\\\", $string);
$string = str_replace('/', "\\/", $string);
$string = str_replace('"', "\\".'"', $string);
$string = str_replace("\b", "\\b", $string);
$string = str_replace("\t", "\\t", $string);
$string = str_replace("\n", "\\n", $string);
$string = str_replace("\f", "\\f", $string);
$string = str_replace("\r", "\\r", $string);
$string = str_replace("\u", "\\u", $string);
return '"'.$string.'"';
}
}
我遵循了here提到的规则。 我只使用了我需要的东西,但我认为你可以用你正在使用的语言来适应你的需求。在我的情况下,问题不在于我最初的想法,而是关于/没有被转义。我希望这可以防止别人因为我弄错了我的错误而头疼。
答案 10 :(得分:0)
删除单引号(提示:eval==evil
)
var dataObj = {"count" : 1, "stack" : "sometext\n\n"};
console.log(dataObj);