JSON.parse()和JSON.stringify()--json对象<=>字符串

最新推荐文章于 2023-06-13 11:19:14 发布

转载最新推荐文章于 2023-06-13 11:19:14 发布 · 427 阅读

文章标签：

#JSON.parse #JSON.stringify

JavaScript 专栏收录该内容

59 篇文章

订阅专栏

本文介绍如何使用JavaScript解析JSON数据，包括使用JSON.parse和JSON.stringify函数，以及eval函数将JSON字符串转换为JavaScript对象的方法。示例展示了如何处理JSON数组和对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.parse 用于从一个字符串中解析出json 对象。例如

var str='{"name":"cpf","age":"23"}'

经 JSON.parse(str) 得到：

Object: age:"23"

name:"cpf"

_proto_:Object

ps:单引号写在{}外，每个属性都必须双引号，否则会抛出异常

2.stringify用于从一个对象解析出字符串，例如

var a={a:1,b:2}

经 JSON.stringify(a)得到：

“{“a”:1,"b":2}”

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JS解析json数据（json字符串和数组之间相互转换）</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNumbers': [ '425-777-7777','206-777-7777' ] }"; 
var jsonobj=eval('('+t+')');    //eval()函数：把json字符串转换为js对象。
alert(jsonobj.firstName); 
alert(jsonobj.lastName);
 
var t2="[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] ";
var myobj=eval(t2);
for(var i=0;i<myobj.length;i++){
    alert(myobj[i].name);
    alert(myobj[i].age);
}
 
var t3="[['<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>','社旗县国税局桥头税务所','社旗县城郊乡长江路西段']]";
//通过eval() 函数可以将JSON字符串转化为对象
var obj = eval(t3);
for(var i=0;i<obj.length;i++){
    for(var j=0;j<obj[i].length;j++){
        alert(obj[i][j]);
    }
}
 
/*
//JSON.parse     函数的作用是将一个JSON 文本转换为 js对象。
//JSON.stringify 函数的作用跟 parse相反，用来将一个js对象转换为 JSON 文本。
var jsonText = JSON.stringify(obj); 
alert(jsonText);
//如果基于安全的考虑的话，最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。
var myObject = JSON.parse(myJSONtext, filter);   
//可选的 filter 参数将遍历每一个value key 值对， 并进行相关的处理。如：
myData = JSON.parse(text, function (key, value) {       
    return key.indexOf('date') >= 0 ? new Date(value) : value;
}); 
//stringify 函数的作用跟 parse 相反， 用来将一个js对象转换为 JSON 文本。
var myJSONText = JSON.stringify(myObject); 
*/
</SCRIPT>
</HEAD>
<BODY>
 
</BODY>
</HTML>