DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JSON基礎 >> 1.3 JSON數組結構
1.3 JSON數組結構
編輯:JSON基礎     

一、JSON數組結構

JSON數組結構是用中括號“[]”括起來,中括號內部由0個或多個以英文逗號“,”分隔的值列表組成。

語法:

 
var arr =
[
    {
        "鍵名1":值1,
        "鍵名2":值2
    },
    {
        "鍵名3":值3,
        "鍵名4":值4
    },
    ……
]

說明:

arr指的是json數組。數組結構是以“[”開始,到“]”結束,這一點跟JSON對象不同。不過在JSON數組結構中,每一對“{}”相當於一個JSON對象,大家看看像不像?而且語法都非常類似。

注意,這裡的鍵名是字符串,但是值可以是數值、字符串、對象、數組或邏輯true和false。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var arr =
        [
            {
                "name":"小明",
                "age":23,
                "gender":"男"
            },
            {
                "name":"小紅",
                "age":21,
                "gender":"女"
            }
        ]
        //讀取JSON數據
        document.write("第一個學生的名字是:"+arr[0].name+"
"); document.write("第二個學生的性別是:"+arr[1].gender+"
"); </script> </head> <body> </body> </html>

在浏覽器預覽效果如下:

JSON數組結構也是非常簡單的,只需要通過數組下標來獲取哪一個數組元素(一個“{}”的內容就類似一個數組元素),然後再配合使用“.”操作符就可以獲取相應數組元素的內部數據。

對於獲取、寫入、修改、刪除、遍歷JSON數組結構中的數據,跟JSON對象結構的數據操作類似,大家對比琢磨一下基本就懂了,在此不再累贅講解。

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var arr =
        [
            {
                "name":"小明",
                "age":23,
                "gender":"男"
            },
            {
                "name":"小紅",
                "age":21,
                "gender":"女"
            }
        ]
        delete arr[0];
        arr[1].name="小蘭";
        document.write("第2個學生的姓名是:"+arr[1].name);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

這裡使用delete關鍵字刪除了arr[0]。刪掉之後如果想要獲取arr[0]就會報錯。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved