Json数组对象和对象数组

Json的简单介绍

从结构上看，所有的数据最终都可以分成三种类型：
第一种类型是scalar（标量），也就是一个单独的string（字符串）或数字（numbers），比如“北京”这个单独的词。
第二种类型是sequence（序列），也就是若干个相关的数据按照一定顺序并列在一起，又叫做array（数组）或List(列表)，比如“北京，东京”。
第三种类型是mapping（映射），也就是一个名/值对（Name/value），即数据有一个名称，还有一个与之相对应的值，这又称作hash（散列）或dictionary（字典），比如“首都：北京”。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，它的规则非常简单并且是有趣的：
1） 并列的数据之间用逗号（“，”）分隔。
2） 映射用冒号（“：”）表示。
3） 并列数据的集合（数组）用方括号("[]")表示。
4） 映射的集合（对象）用大括号（“{}”）表示。
按照这个规则可以作以下理解：
1.数组用“[]”创建，对象用“{}”创建，并且使用Json基本都是用[]或者{}创建的数组或对象，否则一个普通的字符串是没有意义的；
2.无论是数组还是对象，之间的元素都用“，”隔开；
3.对象内部，（属性的）名称和值用“：”隔开，并且必须要用“：”隔开，不可单独存在属性名或者值；
4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。

例子：

<script language="javascript" type="text/javascript">
        var china = {
            beijing: {name: "北京", area: "16000", haidian: {name: "海淀区"}},
            shanghai: {name: "上海", area: "10000", minhang: {name: "闵行区"}}
        };
        alert(china.beijing.name);  //弹出北京
        alert(china.shanghai.minhang.name); //弹出闵行区
</script>

<script language="javascript" type="text/javascript">
        var ourcountry = [["北京市"], ["上海市"], ["合肥市", "芜湖市", "蚌埠市"]];
        alert(ourcountry[2][1]);    //弹出芜湖市
</script>

<script language="javascript" type="text/javascript">
    var china = {
        provinces: [
            {
                name: "北京",
                cities: [{name: "北京市", quxian: ["海淀区", "朝阳区", "东城区", "西城区"]}]
            },
            {
                name: "安徽省",
                cities: [{name: "芜湖市", quxian: ["繁昌县", "芜湖县", "南陵县", "三山区"]},
                    {name: "合肥市",quxian: ["肥西县", "蜀山区", "庐阳区"]}]
            },
            "湖北省"
        ]
    };
    alert(china.provinces.length);  //数组长度为3
    alert(china.provinces[1].name)  //安徽省
    alert(china.provinces[1].cities[0].quxian[2]);  //南陵县
    alert(china.provinces[1].cities[1].name);  //合肥市
    alert(china.provinces[2]);  //湖北省
</script>

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， 可见里面的差别还是有的，要想具体搞清楚，恐怕得看看底层的一些实现代码了。

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

这时会提示 ：Error: Invalid Label
实际上，我们的 json 格式并没有错误，只是在 eval 的时候，要把你的 json 值用 "()" 括号括起来：

var result = eval("(" + o.responseText + ")");

在PHP中应用

$str = 'test';
$arr1 = array("zhangsan", 30);
$arr2 = array('name' =>'zhangsan', 'age' => 30);
$arr3 = array(array("name" => "zhangsna", 'age' => 30), array('name' => 'lisi', 'age' => 25));
$arr4 = array(
    'p1' => array("name" => "zhangsna", 'age' => 30),
    'p2' => array('name' => 'lisi', 'age' => 25)
);
/*
echo $str;
echo json_encode($arr1);
echo json_encode($arr2);
echo json_encode($arr3);
echo json_encode($arr4);
*/
/*
test
["zhangsan",30]
{"name":"zhangsan","age":30}
[{"name":"zhangsna","age":30},{"name":"lisi","age":25}]
{"p1":{"name":"zhangsna","age":30},"p2":{"name":"lisi","age":25}}
*/

<script language="javascript" type="text/javascript">
    $.ajax({
        url: "test.php",
        type: 'post',
        dataType: 'json',
        success: function (msg) {
            //$str. alert(JSON.stringify(msg)); 弹出test
            //$arr1. alert(JSON.stringify(msg[0])); 弹出zhangsan
            //$arr2. alert(JSON.stringify(msg.name)); 弹出zhangsan
            //$arr3. alert(JSON.stringify(msg[1].name)); 弹出lisi
            //$arr4. alert(JSON.stringify(msg.p1.name); 弹出zhangsan
        }
    });
</script>

jquery 对 Json 的各种遍历

在JSON中，有两种结构：对象和数组。

1.对象

一个对象以“{”开始，“}”结束。每个“key”后跟一“:”，“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"caibaojian.com", "password":"111"}

2.数组

packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}];

数组是值的有序集合。一个数组以“[”开始，“]”结束。值之间运用 “,”分隔。

JSON对象和JSON字符串的转换

在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：

JSON字符串：

var jsonStr = '{"name":"caibaojian", "password":"1111"}';

JSON对象：

var jsonObj = {"name":"caibaojian.com", "password":"1111"};

1、String转换为Json对象

var jsonObj = eval('(' + jsonStr + ')');

2.Json对象转换为String字符串

var jsonStr = jsonObj.toJSONString();

each

<script type="text/javascript">
    $().ready(
            function () {
                var anObject = {one: 1, two: 2, three: 3};//对json数组each
                $.each(anObject, function (name, value) {
                    //one 1,two 2,three 3
                    document.write(name + ' ' + value);
                });
                var anArray = ['one', 'two', 'three'];
                $.each(anArray, function (n, value) {
                            //0 one,1 two,2 three
                            document.write(n + ' ' + value);
                        }
                );
            }
    );
</script>

原生js遍历json对象

无规律

<script>
    var json = [{name: 'zhangsan', age: 45}, {acco: 'lisiaaa', sex: 'famale'}];
    var len = json.length;
    for (var i = 0; i < len; i++) {
        for (var key in json[i]) {
            alert(key + ':' + json[i][key]);
        }
    }
</script>

有规律

<script>
    packJson = [{"name": "nikita", "password": "1111"},
                {"name": "tony", "password": "2222"}];

    for (var p in packJson) {
        //遍历json数组时，这么写p为索引，0,1
        alert(packJson[p].name + " " + packJson[p].password);
    }
    //也可以用这种方式
    for(var i = 0; i < packJson.length; i++){
        alert(packJson[i].name + " " + packJson[i].password);
    }
</script>

<script>
    myJson = {"name":"caibaojian", "password":"1111"};
    for(var p in myJson){
        //遍历json对象的每个key/value对,p为key
        alert(p + " " + myJson[p]);
    }
</script>