浅谈Json_(二)Json对象的爱恨纠葛之我与Json数组

正所谓“没有调查就没有发言权”，既然要说Json对象与Json数组，咱就先定义一个Json对象和一个Json数组来调查一下

    var JsonObj = { name: "Alice", age: 18, gender: "female" };//定义Json对象
    var JsonArr = ["Alice", 18, "female"];//定义Json数组(注意：一定要用中括号[])

再定义两个方法分别输出

    function OutputJsonObj() {
        alert(JsonObj);
    }//输出Json对象

    function OutputJsonArr() {
        alert(JsonArr);
    }//输出Json数组

在Html中定义俩按钮调用一下

    <input type="button" value="输出Json对象" onclick="OutputJsonObj()" />
    <input type="button" value="输出Json数组" onclick="OutputJsonArr()" />

调试一下，发现Json对象并不能直接输出，而数组则是可以的

Q：我想直接看到Josn对象里面的内容，what should I do？

A：我们可以用JSON.stringify()这个方法来将Json对象转为Json字符串，然后直接输出。这样就可以直接看到Json对象里面的j键值对了。

　  Json数组也可以用这个方法转为Json字符串，这里就不多说了，有兴趣看最下面的Reference。

    function OutputJsonObj() {
        alert(JSON.stringify(JsonObj));
    }//输出Json对象

 

Q:如果我想访问Json对象里面的一个“属性”，或者Json数组里面的一个属性那该怎么办？

A:Json对象：既然Json对象是键值对的形式，那么我们就可以通过它的key来输出它的值。

　Json数组：和我们学的其他语言差不多，可以用JsonArr[*](*为数组下标)，来直接访问Json数组里面的数。

    function OutputJsonObj() {
        alert(JsonObj.name);
    }//输出Json对象中的name

    function OutputJsonArr() {
        alert(JsonArr[0]);
    }//输出Json数组中下标为0的值

 

Reference：

　　https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify