• :绿叶现版本暂时不再更新维护,全新版本已经在开发中,新系列图书(暂时8本,后面再续)也将于12月后陆续出版,敬请期待~

1.3 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]就会报错。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取更多学习资源和配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:593173594(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部