json字串和js对象之间互相转换

最新推荐文章于 2024-10-15 17:19:10 发布

原创最新推荐文章于 2024-10-15 17:19:10 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

JavaWeb 专栏收录该内容

49 篇文章

订阅专栏

本文介绍了如何在JavaScript中将JSON字符串转换为JavaScript对象以及反之的操作。通过使用JSON.parse()和JSON.stringify()方法，开发者可以轻松地进行数据格式转换。

很简单：

json字串 ===>>js对象：JSON.parse(jsonstr);
js对象 ===>>json字串：JSON.stringify(jsonObj)

下面是扩展阅读--------------------------------------------------------------------------------------------

使用JSON时，最基本的工作就是JSON数据与JavaScript对象之间的互相转换。如浏览器
从服务器端获得JSON数据，然后转换为JavaScript对象在网页输出。

JSON: JavaScript Object Notation，JSON数据格式语法就是JavaScript创建对象的代码语法，所以可以使用JavaScript内建的eval()函数直接将JSON数据转换为JavaScript对象。如下：

1. JSON数据示例
{
"employees": [{
"firstName": "John",
"lastName": "Doe"
},
{
"firstName": "Anna",
"lastName": "Smith"
},
{
"firstName": "Peter",
"lastName": "Jones"
}]
}

JSON数据转换为JavaScript对象
var txt = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

var obj = eval ("(" + txt + ")");

使用eval()函数时，必须为传入的JSON数据参数添加括号'()'，否则会报语法错误。但eval()的问题在于，除了可以解析JSON数据，也可以用于执行JavaScript脚本片段，这就会带来潜在的安全问题。
JSON提供了专门的JSON Parser来实现只用于解析JSON数据，不会执行scripts脚本，而且速度更快。如下：
obj = JSON.parse(txt);
在现在的浏览器中，如IE8, Firefox3.5, Chrome等以上版本，都提供了原生JSON解析器的支持，而且也是ECMAScript (JavaScript)的最新标准。因此，JSON Parser可以在JavaScript代码中是直接调用

JavaScript对象转换为JSON数据
var txt = JSON.stringify(obj);
使用JSON.strigify()函数，将Javascript对象转换为JSON文本数据。