一点一点认识JSON

工作快一年了，工作的地方用到了很多次json相关的知识，但是到现在对json的认识还不是很清楚，经常分不清一下概念。上网查了一些资料，慢慢的了解一些东西，学一点，记录一点。

JSON的全称是”JavaScript Object Notation”，意思是JavaScript对象表示法，它是一种基于文本，独立于语言的轻量级数据交换格式。XML也是一种数据交换格式，XML虽然可以作为跨平台的数据交换格式，但是在JS(JavaScript的简写)中处理XML非常不方便，同时XML标记比数据多，增加了交换产生的流量，而JSON没有附加的任何标记，在JS中可作为对象处理，所以我们更倾向于选择JSON来交换数据。

一、json的两种格式。对象和数组

对象，以 ”{” 开始，以 ”}” 结束。中间部分由0或多个以”，”分隔的”键值对”对构成，键和值之间以”：”分隔，如下：

{
key1:value1,
key2:value2,
...
}

数组，以 ”[” 开始，以 ”]” 结束。中间由0或多个以”，”分隔的值列表组成，如下：

[
{
key1:value1,
key2:value2
},
{
key3:value3,
key4:value4
}
]

二、普通字符串、json字符串、json对象的区别。

字符串：由双引号或者单引号包括起来的字符，比如：var str="I
am String";

json字符串：是指符合json格式要求的js字符串，比如：var
jsonStr="{id : 1, name : 'tom'}";或者"[{id:1},{name:'tom'}]"

json对象：符合json格式要求的js对象，比如：var
jsonObj = { id: "100", name: "tom" };

json数组当然就是符合json格式要求的数组了。

三、在js中使用json数据

JSON是JS的一个子集，所以可以在JS中轻松地读，写JSON。读和写JSON都有两种方法，分别是利用”.”操作符和“[key]”的方式。

我们首先定义一个JSON对象，代码如下：

var obj = {
1: "value1",
"2": "value2",
count: 3,
person: [ //数组结构JSON对象，可以嵌套使用
{
id: 1,
name: "张三"
},
{
id: 2,
name: "李四"
}
],
object: { //对象结构JSON对象
id: 1,
msg: "对象里的对象"
}
};

1、读数据

function ReadJSON() {
alert(obj.1); //会报语法错误，可以用alert(obj["1"]);说明数字最好不要做关键字
alert(obj.2); //同上

alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
alert(obj.object.msg); //或者alert(obj.object["msg"])
}

2、写数据

function Add() {
//往JSON对象中增加了一条记录
obj.sex= "男" //或者obj["sex"]="男"
}

3、改数据

function Update() {
obj.count = 10; //或obj["count"]=10
}

4、删数据

function Delete() {
delete obj.count;
}

5、遍历数据，使用for in遍历

function Traversal() {
for (var c in obj) {
console.log(c + ":", obj[c]);
}
}

四、使用eval()将字符串转换成json对象,或者json数组来使用

有时候，从后台接收到的是json字符串，因此需要将其转换为json对象或者json数组才能使用，因此要用到eval()方法。例如：

function getJson(){
var json="[{id:1,name:'n1'},{id:2,name:'n2'}]";
var jsons=eval(json);
console.info(json);
console.info(jsons);
console.log(jsons[0].id+'==='+jsons[1].id);
}

结果如下图：

有一点要注意，当字符串是json对象的时候，要这样转换：var jsons=eval("("+json+")");

由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。

function getJson4(){
var json="{id1:1,id2:2}";
var jsons=eval("("+json+")");
//var jsons1=eval(json);会报错 SyntaxError: missing ; before statement
console.info(json);
console.info(jsons);
//console.info(jsons1);
}