一点一点认识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 statementconsole.info(json);console.info(jsons);//console.info(jsons1);}