JSON字符串和对象相互转换

最新推荐文章于 2022-12-06 20:29:26 发布

原创最新推荐文章于 2022-12-06 20:29:26 发布 · 273 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #对象 #javascript

前端专栏收录该内容

30 篇文章

订阅专栏

本文介绍了JSON数据格式的基本用法，包括如何使用JSON.parse()和JSON.stringify()进行数据转换，并探讨了eval()函数在处理JSON数据时的应用及注意事项。

一.JSON.parse()和JSON.stringify()
1.JSON.parse()用于把JSON字符串解析为javascript对象。
2.JSON.stringify()用于把javascript对象序列化为JSON字符串。

   var data = {
        "id":111,
        "name":"aaa"
    }
    var book = {
        num: 10,
        color: 'black'
    }
    var dataString = '{"id":111,"name":"aaa"}' ;
    console.log(JSON.parse(dataString));
    console.log(JSON.stringify(data));

输出结果为

 {id: 111, name: "aaa"}
'{"id":111,"name":"aaa"}'
'{"num":10,"color":"black"}'

JSON是一种数据格式也是一种js对象。

二. javascript的eval()函数

var dataString = '{"id":111,"name":"aaa"}' ;
console.log(eval("("+dataString+")"));

输出结果为

{id: 111, name: "aaa"}

为什么eval()函数要添加圆括号呢？
由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。


alert(eval("{}"); // return undefined 
alert(eval("({})");// return object[Object]

对于这种写法，在JS中，可以到处看到。
如: (function()) {}(); 做闭包操作时等