JSON.stringify和JSON.parse之间的区别

Question

我一直很困惑何时使用这两种解析方法.

在我回显我的json_encoded数据并通过ajax将其检索回来之后,我经常会对何时应该使用JSON.stringify和JSON.parse感到困惑.

我[object,object]在解析时进入我的console.log,在进行字符串化时进入JavaScript对象.

$.ajax({
url: "demo_test.txt",
success: function(data) {
         console.log(JSON.stringify(data))
                     /* OR */
         console.log(JSON.parse(data))
        //this is what I am unsure about?
    }
});

Answer 1

JSON.stringify 将JavaScript对象转换为JSON文本并将该JSON文本存储在字符串中.

JSON.parse 将一串JSON文本转换为JavaScript对象.

Answer 2

JSON.parse()用于"解析"作为JSON接收的内容.
JSON.stringify()是从对象/数组创建一个JSON字符串.

Answer 3

它们是彼此相反的.JSON.stringify()将JS对象序列化为JSON字符串,而JSON.parse()将JSON字符串反序列化为JS对象.

Answer 4

它们是彼此的对立面.

JSON.stringify()

JSON.stringify()将JS对象序列化为JSON字符串.

JSON.stringify({});                  // '{}'
JSON.stringify(true);                // 'true'
JSON.stringify('foo');               // '"foo"'
JSON.stringify([1, 'false', false]); // '[1,"false",false]'
JSON.stringify({ x: 5 });            // '{"x":5}'

JSON.stringify(new Date(2006, 0, 2, 15, 4, 5)) 
// '"2006-01-02T15:04:05.000Z"'

JSON.stringify({ x: 5, y: 6 });
// '{"x":5,"y":6}' or '{"y":6,"x":5}'
JSON.stringify([new Number(1), new String('false'), new Boolean(false)]);
// '[1,"false",false]'

JSON.parse()来

JSON.parse()方法将字符串解析为JSON,可选地转换生成的值.

JSON.parse('{}');              // {}
JSON.parse('true');            // true
JSON.parse('"foo"');           // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse('null');            // null

Answer 5

首先,JSON.stringify()函数将JavaScript值转换为JavaScript Object Notation(JSON)字符串.JSON.parse()函数将JavaScript Object Notation(JSON)字符串转换为对象.有关这两个功能的更多信息,请参阅以下链接.

https://msdn.microsoft.com/library/cc836459(v=vs.94).aspx https://msdn.microsoft.com/library/cc836466(v=vs.94).aspx

其次,以下示例将有助于您理解这两个功能.

<form id="form1" runat="server">
    <div>
        <div id="result"></div>
    </div>
</form>

<script>
    $(function () {
        //define a json object
        var employee = { "name": "John Johnson", "street": "Oslo West 16", "phone": "555 1234567" };

        //use JSON.stringify to convert it to json string
        var jsonstring = JSON.stringify(employee);
        $("#result").append('<p>json string: ' + jsonstring + '</p>');

        //convert json string to json object using JSON.parse function
        var jsonobject = JSON.parse(jsonstring);
        var info = '<ul><li>Name:' + jsonobject.name + '</li><li>Street:' + jsonobject.street + '</li><li>Phone:' + jsonobject.phone + '</li></ul>';

        $("#result").append('<p>json object:</p>');
        $("#result").append(info);
    });
</script>

Answer 6

var log = { "page": window.location.href, 
        "item": "item", 
        "action": "action" };

log = JSON.stringify(log);
console.log(log);
console.log(JSON.parse(log));

//输出将是:

//对于1st Console是一个字符串,如:

'{ "page": window.location.href,"item": "item","action": "action" }'

//对于第二个控制台是一个像对象:

Object {
page   : window.location.href,  
item   : "item",
action : "action" }

Answer 7

JSON.stringify() 将对象转换为字符串.

JSON.parse() 将JSON字符串转换为对象.

Answer 8

这里真正的混淆不是关于parse vs stringify,而是关于data成功回调的参数的数据类型.

data 可以是原始响应,即字符串,或者它可以是JavaScript对象,根据文档:

成功

类型:Function(Anything data,String textStatus,jqXHR jqXHR)如果请求成功则调用的函数.该函数传递三个参数:从服务器返回的数据,根据dataType参数或dataFilter回调函数格式化(如果指定); <..>

并且dataType默认为"智能猜测"设置

dataType(默认值:Intelligent Guess(xml,json,script或html))

类型:字符串您期望从服务器返回的数据类型.如果没有指定,jQuery将尝试根据响应的MIME类型推断它(XML MIME类型将产生XML,在1.4 JSON中将产生一个JavaScript对象,在1.4脚本中将执行脚本,其他任何东西将是以字符串形式返回).

Answer 9

它们是完全相反的。

JSON.parse()用于解析作为JSON接收的数据；它反序列化一个JSON字符串变成一个JavaScript对象。

JSON.stringify()另一方面用于从对象或数组中创建JSON 字符串；它序列化一个JavaScript对象成JSON字符串。

Answer 10

我不知道是否有人提到过，但 JSON.parse(JSON.stringify(myObject)) 的用途之一是创建原始对象的克隆。

当您想要弄乱某些数据而不影响原始对象时，这很方便。可能不是最干净/最快的方法，但对于不太复杂的对象来说肯定是最简单的方法。