JSON的概念与创建json对象

最新推荐文章于 2024-04-22 05:15:00 发布

少年西西

最新推荐文章于 2024-04-22 05:15:00 发布

阅读量1k

点赞数

分类专栏： D_JavaWeb阶段 # D5_XML与JSON知识文章标签： json

本文链接：https://blog.csdn.net/qq_45554909/article/details/110912733

版权

D_JavaWeb阶段同时被 2 个专栏收录

104 篇文章 2 订阅

订阅专栏

D5_XML与JSON知识

6 篇文章 0 订阅

订阅专栏

1、什么是JSON，什么用？

JavaScript Object Notation（JavaScript对象标记，简称JSON。(数据交换格式)
JSON主要的作用是：一种标准的数据交换格式。（目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON。

2、JSON是一种标准的轻量级的数据交换格式。特点是：

体积小，易解析。

3、在实际的开发中有两种数据交换格式，使用最多，其一是JSON，另一个是XML。

XML体积较大，解析麻烦，但是其优点是：语法严谨。（通常银行相关的系统之间进行数据交换的话会使用XML。

4、JSON的语法格式：

json 是由键值对组成，并且由花括号（大括号）包围。每个键由引号引起来，键和值之间使用冒号进行分隔，多组键值对之间进行逗号进行分隔

var jsonObj = {
"属性名" : 属性值,
"属性名" : 属性值,
"属性名" : 属性值,
"属性名" : 属性值,
....
}

5、怎么创建json对象以及访问json对象的属性

<script type="text/javascript">
    // 创建JSON对象(JSON也可以称为无类型对象。轻量级，轻巧。体积小。易解析。)
    var studentObj = {
        "sno" : "101",
        "sname" : "张",
        "sex" : "男"
    };

    // 访问JSON对象的属性
    alert(studentObj.sno + "," + studentObj.sname + "," + studentObj.sex);//101,张,男
    alert(studentObj["sno"] + "," + studentObj["sname"] + "," + studentObj["sex"])//101,张,男

    // 之前没使用JSON的时候,定义类,创建对象,访问对象的属性.
    Student = function (sno,sname,sex) {
        this.sno = sno;
        this.sname = sname;
        this.sex = sex;
    }

    var stu = new Student(102,"李四","男");
    alert(stu.sno + "," + stu.sname + "," + stu.sex);//102,李四,男
    alert(stu["sno"] + "," + stu["sname"] + "," + stu["sex"])//102,李四,男

    // JSON数组
    var students = [
        {"sno" : "001","sname" : "朴灿烈","sex" : "男"},
        {"sno" : "002","sname" : "张艺兴","sex" : "男"},
        {"sno" : "003","sname" : "王一博","sex" : "男"},
    ];

    //遍历数组
    for(var i = 0 ; i < students.length; i++){
        var student = students[i];
        document.write(student.sno + "," + student.sname + "," + student.sex);
        document.write("<br/>");
    }
</script>

6、复杂一些的JSON对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复杂一些的JSON对象。</title>
</head>
<body>
<script type="text/javascript">
    var user = {
        "usercode" : "001",
        "username" : "张",
        "address" : {
            "city" : "北京",
            "street" : "大兴区",
            "zipcode" : "122121"
        },
        "hobby" :["sing","dance"]
    }

    // 访问人名以及居住的城市
    document.write(user.username + "居住在" + user.address.city);
/*
    请自行设计JSON格式的数据，这个JSON格式的数据可以描述整个班级中每一个学生的信息，以及总人数信息。
*/

    var myClass = {
        "total" : 4,
        "students" : [
            {"name":"zhangsan","birth":"1980-10-20"},
            {"name":"lisi","birth":"1981-10-20"},
            {"name":"wangwu","birth":"1982-10-20"}
        ]
    }
</script>
</body>
</html>

少年西西

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JSON的概念与创建json对象

1、什么是JSON，什么用？JavaScript Object Notation（JavaScript对象标记，简称JSON。(数据交换格式)JSON主要的作用是：一种标准的数据交换格式。（目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON。2、JSON是一种标准的轻量级的数据交换格式。特点是：体积小，易解析。3、在实际的开发中有两种数据交换格式，使用最多，其一是JSON，另一个是XML。XML体积较大，解析麻烦，但是其优点是：语法严谨。（通常银行相关的系统之间进行数据
复制链接

扫一扫