JSON对象、数组和处理JSON串的方法

　　JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

    本文主要是对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包，下载地址：http://www.json.org/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);

    留心：

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

 

三、Json在Ajax中的应用 
　　客户端可以给服务器端通过地址栏或者post很容易的提交数据，但是服务器端处理完数据之后，将计算的结果信息回传给客户端时就存在了一定的难度，特别是 数据量较大时。这个时候数据的格式成了关键，按照某种格式可以很方便的进行数据的组装，然后可以很方便的进行解析。使用Json便是一种很好的策略。在服 务器端，按照Json的格式拼装好一个字符串，响应给客户端。客户端如何进行解析呢？一般有两种策略（两种策略的名称是自己给的名字，不一定很合理，但是 思路应该是没有问题的）： 

　　1.直接解析 
　　var json = eval('(' + result + ')'); 
　　通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。 
　　

　　2.间接解析 
　　var json = "r=" + result; 
　　eval(json); 
　　当然上面行代码可以合并为：eval("r=" + result); 
　　通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。 
　　总结：Json是一种简单的数据交换格式，它几乎可以很好的代替xml让服务器之间灵活的交换数据。 

四、JavaScript中的数组和对象 

　　在JavaScript中，通常用[]创建的数据格式称为数组，用{}创建的东西称为对象。 
　　有一个数组a=[1,2,3,4]，还有一个对象a={0:1,1:2,2:3,3:4}，运行alert(a[1])，两种情况下的运行结果是相同的！这就是说，数据集合既可以用数组表示，也可以用对象表示，那么到底该用哪一种呢？ 
　　其实数组表示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，就用数组，否则就用对象。 
　　当然，数组和对象的另一个区别是，数组中的数据没有“名称”（name），对象中的数据有“名称”（name）。但是问题是，很多编程语言中，都有一种叫 做“关联数组”（associativearray）的东西。这种数组中的数据是有名称的。比如在javascript中，可以这样定义一个对象： 
　　var a={"城市":"北京","面积":16800,有趣,"人口":1600}; 
　　但是，也可以定义成一个关联数组： 
　　var a = new Array(); 
　　a["城市"]="北京"; 
　　a["面积"]=16800; 
　　a["人口"]=1600; 
　　这样一来好像数组和集合就没有区别了，其实不是，在Javascript语言中，关联数组就是对象，对象就是关联数组。通过第二种方式创建的数组和通过 []方式创建的数组是有很大的区别的，在第二个方式创建的“数组”中，也可以和第一种方式类似，通过“a.城市”来得到“北京”，“a.人口”来得到 “1600”，但是它和第一种方式创建的对象又是有区别的，通过第一种方式定义的a是没有length属性的，二通过第二种方式定义的a有，可是值为0， 可见里面的差别还是有的，要想具体搞清楚，恐怕得看看底层的一些实现代码了。 

　　当 eval 返回的 json 值时，提示 Error: Invalid Label 摘要: 我们经常会在服务器端返回 json 格式的值，这样可以直接在脚本中当作完整的对象来使用，但是，许多新手通常都会遇到一个错误提示：Invalid Label ，这个问题通常会让人苦恼不堪，因为明明正确的 json 格式，却提示错误。如果你遇到此问题，那赶快看看本文的内容吧！ 

　　我们经常会在服务器端返回 json 格式的值，这样可以直接在脚本中当作完整的对象来使用，但是，许多新手通常都会遇到一个错误提示： Invalid Label ，这个问题通常会让人苦恼不堪，因为明明正确的 json 格式，却提示错误。 


假如你从服务器端返回的是 json 格式的字符串： 
> 
当你在脚本中用 eval 的方式运行： 
> 
这时会提示 ： Error: Invalid Label 
实际上，我们的 json 格式并没有错误，只是在 eval 的时候，要把你的 json 值用 “()” 括号括起来： 
> var result = eval("(" + o.responseText + ")"); help001