天天看点

【cJson】 JSON格式详解

0.前言

language, standard ecma-262 3rd edition - december 1999的一个子集。 json采用完全独立于语言的文本格式,但是也使用了类似于c语言家族的习惯(包括c, c++, c#, java, javascript, perl, python等)。 这些特性使json成为理想的数据交换语言。

    json大致3种结构,json对象、json数组和json对象和数组嵌套。

1 json对象

    json对象简单而言便是键值对或名值对,而“值”可以是数值、字符串和布尔类型等。

    json对象具体格式如图1所示。

【cJson】 JSON格式详解

图1 json对象格式

1.1 json数值

    请注意数值不需要加引号,键值对之间使用","。

    【单个数值】

{“value”:12}

    【多个数值】

{"maxvalue":24, "minvalue":12};

【cJson】 JSON格式详解

<script>  

var jsonobj = {"maxvalue":24, "minvalue":12};  

console.log(jsonobj.maxvalue);  

console.log(jsonobj.minvalue);  

</script>  

    【输出】

24

12

1.2 json字符串

    字符串需要加引号,键值对之间使用","。    

    【单个字符串】

{"name":"xukai871105"}

    【多个字符串】

{"name":"xukai871105", "blog":"http://blog.csdn.net/xukai871105"}

【cJson】 JSON格式详解

var jsonobj = {"name":"xukai871105", "blog":"http://blog.csdn.net/xukai871105"};  

console.log(jsonobj.name);  

console.log(jsonobj.blog);  

【cJson】 JSON格式详解

xukai871105  

http://blog.csdn.net/xukai871105  

1.3 json布尔

    请注意json格式中的值可以使用布尔类型,且不需要加引号,如果true或false被引号包裹,那么便解析为json字符串,请处理稍有不同。

{"success":false}

【cJson】 JSON格式详解

var jsonobj = {"success":false};  

console.log(jsonobj.success);  

    【输出】

false

2 json数组

    json数组的表达方法和c语言数组的表达方法完全相同。下面的例子中存在一个json对象,该json对象只有一个键值对,键为lists而键值为json数组——[5,6,7,8]。这里已经存在json类型的嵌套,具体请看下面一个例子。

{"lists":[5,6,7,8]}

【cJson】 JSON格式详解

图2 json数组格式

【cJson】 JSON格式详解

var jsonobj = {"lists":[5,6,7,8]};  

console.log(jsonobj.lists);  

for(var i=0; i<jsonobj.lists.length; i++) {  

    console.log(jsonobj.lists[i]);  

}  

【cJson】 JSON格式详解

[5, 6, 7, 8]  

5  

6  

7  

8   

3 json嵌套

    json格式可以嵌套,所谓嵌套便是json对象中可包括json数组,json数组中可包括json对象。下面的例子中rows为json对象,对象中嵌套json数组,每一个json数组的元素又是一个json对象。这种嵌套情况在实际情况中经常出现。

【cJson】 JSON格式详解

var jsonobj =  

{   

"total": 3,   

"rows": [   

"title": "树莓派学习笔记——索引博文",   

"url": "http://blog.csdn.net/xukai871105/article/details/23115627"   

},   

"title": "树莓派学习笔记——gpio功能学习",   

"url": "http://blog.csdn.net/xukai871105/article/details/12684617"   

"title": "物联网学习笔记——索引博文",   

"url": "http://blog.csdn.net/xukai871105/article/details/23366187"   

}   

]   

};  

console.log(jsonobj.total);  

for(var i=0; i<jsonobj.rows.length; i++) {  

    console.log(jsonobj.rows[i].title);  

    console.log(jsonobj.rows[i].url);  

【cJson】 JSON格式详解

3  

树莓派学习笔记——索引博文  

http://blog.csdn.net/xukai871105/article/details/23115627   

树莓派学习笔记——gpio功能学习  

http://blog.csdn.net/xukai871105/article/details/12684617   

物联网学习笔记——索引博文  

http://blog.csdn.net/xukai871105/article/details/23366187  

4.javascript中eval函数

    【为什么要加括号 】

【cJson】 JSON格式详解

var jsonstr = '{"total":3}';  

var jsonobj= eval('(' + jsonstr + ')');  

  【输出】

3

5.常见错误

【1】多一个逗号

}或]前多一个, 这种情况不符合json,但是某些浏览器可以容忍,例如chrome和火狐,但是某些浏览器就无法容忍,例如ie。最好还是选择json校验工具测试一下json数据包是否合法。请注意下面一个例子中url最后的",",该逗号是多余的。

【cJson】 JSON格式详解

"url": "http://blog.csdn.net/xukai871105/article/details/23115627",  

6.参考资料