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是以文本,即字符串的形式传递的,而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)

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

在线测试地址:点击打开链接

http://runjs.cn/code

Json 对象 和 Json 数组的拼装:

varjson=[];

varcityLevelSize=5;

for(vari=1;i

varselected;

if($("#level1 input[name='cityLevel']").is(':checked')){

selected=1;

}else{

selected=;

}

varcityPushIdList= $("#level"+i+" input[name='cityPushIdList']").val();

varcityBlackIdList=$("#level"+i+" input[name='cityBlackIdList']").val();

varbtime=$("#level"+i+" input[name='btime']").val();

varetime=$("#level"+i+" input[name='etime']").val();

if(cityPushIdList==null){

cityPushIdList="";

}

if(cityBlackIdList){

cityBlackIdList="";

}

if(btime==null){

btime="";

}

if(etime==null){

etime="";

}

varobj={

"isSelect":selected,

"pushCity":cityPushIdList,

"shieldCity":cityBlackIdList,

"beginTime":btime,

"endTime":etime

}

varobjString=JSON.stringify(obj);

varlevelString="level"+ i ;

varjsonObj1=JSON.parse("{\""+levelString +"\":"+ objString +"}");

json.push(jsonObj1);

}

alert(JSON.stringify(json));

js获取json中 Object对象里key所对应的value值

三种方法:如下

functiongetJson(key){

varjsonObj={"name":"傅红雪","age":"24","profession":"刺客"};

//1、使用eval方法

vareValue=eval('jsonObj.'+key);

alert(eValue);

//2、遍历Json串获取其属性

for(variteminjsonObj){

if(item==key){//item 表示Json串中的属性,如'name'

varjValue=jsonObj[item];//key所对应的value

alert(jValue);

}

}

//3、直接获取

alert(jsonObj[''+key+'']);

}

js获取json中 Array 对象里的值

vararray = [{"level":"Test111"},{"level":"Test222"}] ;

for(vari =;i

alert(JSON.stringify(array[i]))

varobj = (array[i]);

for(variteminobj){

varjValue=obj[item];//key所对应的value

alert(jValue);

}

}

js获取json中 Array ,且Array 中 key 不是固定的,事例如下:

vararray = [{"level1":"Test"},{"level2":{"isSelect":,"pushCity":"1","beginTime":"2","endTime":"3"}},

{"level3":{"isSelect":,"pushCity":"","beginTime":"","endTime":""}},

{"level4":{"isSelect":,"pushCity":"","beginTime":"","endTime":""}},

{"level5":{"isSelect":,"pushCity":"","beginTime":"","endTime":""}}] ;

for(vari =;i

alert(JSON.stringify(array[i]))

varobj = (array[i]);

for(variteminobj){

if(i==){// 数组0 是 String 其他位置的是Object

varjValue=obj[item];//key所对应的value

alert(jValue);

}else if(i==1){

varjValue = obj[item];//key所对应的value

for(varkeyinjValue ){

varjValueChild=jValue[key]; "white-space:pre">

alert(jValueChild);

"white-space:pre"> }

"white-space:pre">

}

}

}

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180429G07W4H00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券