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

关于JSON

news 2025/10/24 15:54:08

<!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>

关于JSON

相关文章：

关于JSON

Apifox-接口调用、自动化测试工具

Vue一个项目兼容每个省份的个性化需求

npm install报错 npm ERR! 的解决办法

echarts修改饼图，环形图的圆环宽度，大小

小白系列Vite-Vue3-TypeScript：010-封装svg

卷严重、难度高、激励少，如何适应空投市场新变化

基于Java与JSP的文件上传和下载

Gromacs中的g_mmpbsa计算带电底物与蛋白的结合能不准确

【mmrotate】旋转目标检测之训练DOTA数据集

图基本概念

机器学习基础

FreeRTOS-Tickless低功耗模式 | FreeRTOS十四

实现了统一消息中心的微服务基础框架 JVS，快点赞收藏

VMware 安装 OpenWrt 旁路由并配置 PassWall

R语言GD包地理探测器分析时报错、得不到结果等情况的解决方案

嵌入式开发：你需要知道的5种简单

MVC与MVVM

Cortex-M0异常和中断

数据库(6)--存储过程

Python｜GIF 解析与构建（5）：手搓截屏和帧率控制

Python：操作 Excel 折叠

Leetcode 3577. Count the Number of Computer Unlocking Permutations

Java-41 深入浅出 Spring - 声明式事务的支持事务配置 XML模式 XML+注解模式

从零实现STL哈希容器：unordered_map/unordered_set封装详解

【Zephyr 系列 10】实战项目：打造一个蓝牙传感器终端 + 网关系统（完整架构与全栈实现）

第 86 场周赛：矩阵中的幻方、钥匙和房间、将数组拆分成斐波那契序列、猜猜这个单词

Redis数据倾斜问题解决

让回归模型不再被异常值“带跑偏“，MSE和Cauchy损失函数在噪声数据环境下的实战对比

Kafka入门-生产者