zoukankan      html  css  js  c++  java
  • js中js数组、对象与json之间的转换

    •数据在名称/值对中
    •数据由逗号分隔
    •花括号保存对象
    •方括号保存数组

    var jsonString = '{"bar":"property","baz":3}';//JSON字符串
    
    var jsObject = JSON.parse(jsonString); //转换为json对象
    
    alert(jsObject.bar); //取json中的值
    
    var st = JSON.stringify(jsObject); //转换为json类型的字符串  
     //json数组类型字符串取值
     var jsonStr = '[{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"011","open":false,"pId":"01","name":"A部门"},{"id":"03","open":false,"pId":"0","name":"A部门"},{"id":"04","open":false,"pId":"0","name":"A部门"}, {"id":"05","open":false,"pId":"0","name":"A部门"}, {"id":"06","open":false,"pId":"0","name":"A部门"}]';
     console.log(jsonStr)
     /*
     [{"id":"01","open":false,"pId":"0","name":"A部门"},
     {"id":"01","open":false,"pId":"0","name":"A部门"},
     {"id":"011","open":false,"pId":"01","name":"A部门"},
     {"id":"03","open":false,"pId":"0","name":"A部门"},
     {"id":"04","open":false,"pId":"0","name":"A部门"}, 
     {"id":"05","open":false,"pId":"0","name":"A部门"},
     {"id":"06","open":false,"pId":"0","name":"A部门"}]
     */
     var jsonObj = JSON.parse(jsonStr);//转换为json对象
     /*
     [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
     */
     for (var i = 0; i < jsonObj.length; i++) {
          console.log(jsonObj[i].id);  //取json中的值
     }
     console.log(jsonObj)
     var jsonStr1 = JSON.stringify(jsonObj)
     console.log(jsonStr1 + "jsonStr1")
     /*
     [{"id":"01","open":false,"pId":"0","name":"A部门"},
      {"id":"01","open":false,"pId":"0","name":"A部门"},
      {"id":"011","open":false,"pId":"01","name":"A部门"},
      {"id":"03","open":false,"pId":"0","name":"A部门"},
      {"id":"04","open":false,"pId":"0","name":"A部门"},
      {"id":"05","open":false,"pId":"0","name":"A部门"},
      {"id":"06","open":false,"pId":"0","name":"A部门"}]jsonStr1
     */

    详解

    在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:
    JSON字符串:
    var str1 = '{ "name": "cxh", "sex": "man" }';
    JSON对象:
    var str2 = { "name": "cxh", "sex": "man" };


    一、JSON字符串转换为JSON对象

    要使用上面的str1,必须使用下面的方法先转化为JSON对象:

    //由JSON字符串转换为JSON对象

    var obj = eval_r('(' + str + ')');

    或者

    var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

    或者

    var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

    然后,就可以这样读取:

    Alert(obj.name);

    Alert(obj.sex);

    特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。



    二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

    例如:

    var last=obj.toJSONString(); //将JSON对象转化为JSON字符

    或者

    var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

    alert(last);

    上 面的几个方法中,除了eval_r()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

    再三须慎意,第一莫欺心
  • 相关阅读:
    html5 -- data-* 自定义属性
    javascript -- canvas绘制曲线
    php -- 取整数
    vim 常用命令
    Html Meta 标签详解
    基于行块分布函数的正文抽取
    机器学习公开课~~~~mooc
    快速排序
    mapreduce (三) MapReduce实现倒排索引(二)
    temp gbk2utf8
  • 原文地址:https://www.cnblogs.com/otsf/p/8566262.html
Copyright © 2011-2022 走看看