JSON.stringify()与JSON.parse()的区别

目录

JSON.stringify(）

<p id="demo"></p>
<button id="btn">点击</button>

 <script>
 //定义了一个对象
   var obj = { "name":"runoob", "alexa":10000,"site":"www.runoob.com"};   
 //stringify把对象解析为字符串
    var myJSON = JSON.stringify(obj);
    var btn=document.getElementById("btn");
    btn.onclick=function () {
 //输出整个字符串
        document.getElementById("demo").innerHTML = myJSON;
    };
 </script>

JSON.parse(）

<p id="demo2"></p>
<button id="btn2">点击2</button>

 <script>
 //把一段字符串解析为js对象
  var obj2 = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');

    var btn2=document.getElementById("btn2");
    btn2.onclick=function () {
 //通过对象可以获取原字符串里的部分数据。
        document.getElementById("demo2").innerHTML = obj.name + "：" + obj.site;
    };
 </script>

运行效果：