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

红太狼 2022-06-05 07:16 240阅读 0赞

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>