`

js操作json

阅读更多

在JSON中,有两种结构:对象和数组。

    1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不需要。例如:

   

var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

     

    2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

    例如:

    

var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

 

 

为了方便地处理JSON数据,JSON提供了json.js包,下载地址:https://github.com/douglascrockford/JSON-js

 

在数据传输过程中,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('(' + 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);

 

 

分享到:
评论

相关推荐

    使用JavaScript操作JSON源码

    使用JavaScript操作JSON源码,适合初学者参考学习!!

    javascript操作JSON的要领总结

    本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。 1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”...

    Javascript中JSON数据分组优化实践及JS操作JSON总结

    主要介绍了Javascript中JSON数据分组优化实践,文中还对JS操作JSON的要领做了总结,需要的朋友可以参考下

    js实现json数组分组合并操作示例

    主要介绍了js实现json数组分组合并操作,涉及javascript针对json数组的遍历、判断、添加、赋值等相关操作技巧,需要的朋友可以参考下

    3分钟掌握常用的JS操作JSON方法总结

    工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结~~ 一、概要简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,同时,JSON...

    JavaScript的json封装

    因项目需求,自己拼接麻烦,所以将javascript拼接json封装成和java类似的操作,直接put() 与 get() 就可以使用,支持json数组,使用的时候只需要 创建对象 并赋值 然后调用内部参数即可,源码中有示例。因为删除操作...

    JS操作json对象key、value的常用方法分析

    本文实例讲述了JS操作json对象key、value的常用方法。分享给大家供大家参考,具体如下: 一、定义JSON对象 // 首先定义一个json对象,对象以“{”(左括号)开始,“}”(右括号)结束 // 花括号内为键、值对 键...

    JS操作JSON要领详细总结

    本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。 1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”...

    在Javascript操作JSON对象,增加 删除 修改的简单实现

    下面小编就为大家带来一篇在Javascript操作JSON对象,增加 删除 修改的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    json2.js包

    用于js操作json 详细操作请参照博客

    json2的js文件

    这是json2的js文件,用于页面中使用js操作json数据,欢迎大家下载

    JS操作JSON详细总结

    本篇文章主要是对JS操作JSON进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    js操作两个json数组合并、去重,以及删除某一项元素

    两个json数组合并去重,以及删除某一项元素 let ha = [ {id:'H',name:'3'}, {id:'A',name:'6'}, {id:'B',name:'14'}, {id:'C',name:'60'} ]; let hb= [ {id:'H',name:'2'}, {id:'A',name:'6'}, {id:'B',...

    js 递归json树实现根据子id查父id的方法分析

    最近做了一个类似用js实现思维导图的功能,作为思维导图,一定会有树状结构的数据产生,在操作里面的节点时会经常需要查找节点 的父节点及父节点。 对于未知层级的树状数据,用for循环是无法实现的,因为不知道要...

    json操作类库

    json2.js提供了json的序列化和反序列化方法,可以将一个json对象转换成json字符串,也可以将一个json字符串转换成一个json对象。

Global site tag (gtag.js) - Google Analytics