如何处理JSON中的换行符?

时间:2008-09-03 16:30:12

标签: javascript json newline

我已经生成了一些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使evalJSON.parse失败的原因。

11 个答案:

答案 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 上表示换行符的混淆。后者不依赖于语言。

严格根据题目:

如何处理 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

结论 1:

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


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

当我们需要在 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

结论 2:

要在 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.

因此,您无法直接传递0x0A0x0C代码。这是被禁止的! Spec建议对从U+0000U+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', "`" => "'", "´" => "'", '"' => ',', '`' => "'",
    '´' => "'", '"' => '\"', '"' => "\"", '´' => "'", "&acirc;€™" => "'", "{" => "",
    "~" => "", "–" => "-", "'" => "'","     " => " ");

    $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 stringify

此函数在输入字符串的开头和结尾添加双引号,并转义特殊的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);