当前位置：首页 > news >正文

关于JSON

news 2025/7/3 23:17:13

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <script>
           /*
               1、JSON的英文全称：JavaScript Object Notation（JavaScript对象标记），简称JSON（数据交换格式）
                   JSON的主要作用：一种标准的数据交换格式。（目前非常流行，90%以上的系统交换采用JSON）
               2、JSON是一种标准的轻量级的数据交换格式，其特点是：体积小，易解析。
               3、在实际开发中有两种数据交换格式，分别是：JSON和XML
                   XML体积较大，解析麻烦，其优点是：语法严谨（通常银行相关的系统之间进行数据交互会使用XML）
               4、JSON的语法格式
                   var jsonObj = {
                       "属性名":属性值,
                       "属性名":属性值,
                       "属性名":属性值,
                       "属性名":属性值,
                       ...
                   };
           */
           // 之前没有使用JSON的时候，定义类，创建对象，访问对象属性采用如下办法
           Student = function(sno,sname,sex){   //定义类
               this.sno = sno;
               this.sname = sname;
               this.sex =sex;
           }
           var stu = new Student("111","李四","男");   //创建对象
           alert(stu.sno + "," + stu.sname + "," + stu.sex);   //访问对象属性

           // 使用JSON创建对象（JSON也称为无类型对象。轻量级，易解析）
           var studentObj = {
               "sno" : "110",
               "sname" : "张三",
               "sex" : "男"
           };
           // 访问JSON对象属性
           alert(studentObj.sno + "," + studentObj.sname + "," + studentObj.sex)

           // 创建JSON数组
           var students = [
               {"sno":"110","sname":"张三","sex":"男"},
               {"sno":"120","sname":"李四","sex":"男"},
               {"sno":"130","sname":"王五","sex":"男"},
               ];

           // 对数组进行遍历
           for(var i = 0; i < students.length; i++){
               var stuObj = students[i];
               alert(stuObj.sno + "," + stuObj.sname + "," + stuObj.sex)
           }
       </script>
       
       <script>
           var user = {
               "usercode":111,
               "username":"张三",
               "sex":true,
               "address":{
                   "city":"北京大兴区",
                   "street":"双庙胡同",
                   "zipcode":"12212121"
               },
               "aihao":["smoke","drink","tt"]
           };

           // 访问user的姓名和居住地
           alert(user.username + "居住在" + user.address.city + user.address.street);

           /*
               请设计一个JSON格式的数据，该数据描述一个班级的每一个学生信息，以及总人数
           */
           var studentClass = {//一个班级对象
               "total":3,//总人数是3人
               "students":[//一个学生数组，里面有三个学生
                   {"no":111,"name":"zs","sex":true},//第一个学生
                   {"no":112,"name":"ls","sex":false},//第二个学生
                   {"no":113,"name":"ww","sex":true}//第三个学生
               ]
           };
       </script>
   </body>
</html>