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

关于JSON

news 2026/5/11 15:08:11

<!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>
        <!-- 以下是比较复杂的JSON对象 -->
        <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

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title></title> </head> <body> <script> /* 1、JSON的英文全称&#xff1a;Java…...

编程日记 2023/2/16 11:29:18

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

Apifox简介 Apifox 的定位是Postman Swagger Mock JMeter&#xff0c;具有API文档管理、API调试、API Mock、API 自动化测试等功能。可以通过一种工具解决之前使用多种工具的数据同步问题。高效、及时、准确&#xff01; 安装 Apifox的安装非常方便&#xff0c;直接下载安…...

编程日记 2023/2/16 11:28:11

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

开发环境及打包指令 后拼上省份区划"serve:henan": "yarn && vue-cli-service serve -o --encryptSM2 --zone41","serve:hunan": "yarn && vue-cli-service serve -o --encryptSM2 --zone43","serve:guizhou&quo…...

编程日记 2023/2/16 11:27:04

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

以下是四种常见的npm ERR及解决方式错误一、npm ERR! A complete log of this run can be found in:npm ERR!C:\Users\nanyi\AppData\Roaming\npm-cache_logs\2021-09-17T08_58_23_413Z-debug.l查看错误日志&#xff0c;错误日志就在上面展示的C:\Users…这里如果发现错误日志里…...

编程日记 2023/2/16 11:25:56

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

echarts修改环形图的圆环宽度&#xff0c;大小 环形图圆环的大小需要通过series-pie. radius属性来修改 radius 饼图的半径。 Array.<number|string>&#xff1a;数组的第一项是内半径&#xff0c;第二项是外半径。每一项遵从上述 number string 的描述。 把数组的第…...

编程日记 2023/2/16 11:24:51

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

上一篇我们介绍了ViteVue3TypeScript项目中mockjs的安装和配置i。本篇我们来介绍封装SVG图标组件。svg特征Preloading所有图标都是在项目运行时生成的&#xff0c;只需要操作一次dom即可。高性能内置缓存&#xff0c;仅在文件被修改时才会重新生成。安装插件vite-plugin-svg-ic…...

编程日记 2023/2/16 11:23:47

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

自从空投交互从2020年开始之后&#xff0c;不少人都开始加入到空投交互的行列中&#xff0c;一些项目也因为“格局”的因素&#xff0c;在项目正式上线前都会给早期参与者空投代币&#xff0c;以此吸引大家的关注。但是在越来越多的人加入到撸空投行列之中后&#xff0c;现在整…...

编程日记 2023/2/16 11:22:38

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

概念 当用户在前端页面点击文件上传后&#xff0c;用户上传的文件数据提交给服务器端&#xff0c;实现保存。 文件上传步骤 提交方式&#xff1a; 提供form表单&#xff0c;method必须是post。因为post请求无数据限制。 <form method"post"></form>…...

编程日记 2023/2/16 11:21:29

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

g_mmpbsa计算带电底物与蛋白的结合能总是不准确 TOC 在做的两个项目中&#xff0c;利用g_mmpbsa计算带电底物与蛋白的结合能结果非常不可靠&#xff0c;底物带两个硫酸根离子&#xff0c;g_mmpbsa在计算带电的底物与酶的结合能时总是不准确&#xff0c;因此后续若底物带电&…...

编程日记 2023/2/16 11:20:24

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

every blog every motto: You can do more than you think. https://blog.csdn.net/weixin_39190382?typeblog 0. 前言 mmrotate训练DOTA数据集记录 1. 正文 1.1 数据准备 数据介绍部分&#xff0c;参考DOTA数据介绍&#xff0c;官方提供了裁剪工具development kit。这里…...

编程日记 2023/2/16 11:19:16

图基本概念

图&#xff1a;顶点和边的集合。无向图&#xff1a;每条边都是无方向的有向图&#xff1a;每条边都是有方向的完全图&#xff1a;任意两个点都有一条边相连稀疏图&#xff1a;有很少边或弧的图稠密图&#xff1a;有较多边或弧的图网&#xff1a;边/弧带权的图邻接&#xff1a;有…...

编程日记 2023/2/16 11:18:08

机器学习基础

一、基本概念 1 学习的概念 1975年图灵奖获得者、1978年诺贝尔经济学奖获得者、著名学者赫伯特.西蒙 (Herbert Simon) 曾下过一个定义: 如果一个系统&#xff0c;能够通过执行某个过程&#xff0c;就此改进了它的性能&#xff0c;那么这个过程就是学习.由此可看出&#xff0c;…...

编程日记 2023/2/16 11:17:03

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

目录 说明&#xff1a; 一、低功耗模式简介 1.1、STM32低功耗模式 二、Tickless模式 2.1、Tickless模式如何功耗 2.2、Tickless模式设计思想 2.3、为了降低功耗&#xff0c;又不影响系统运行&#xff0c;怎么能做到呢&#xff1f; 三、Tickless模式修改配置 3.1、配置…...

编程日记 2023/2/16 11:15:58

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

一、开源项目简介基于JVS&#xff08;基于spring cloud封装&#xff09;的基础开源框架&#xff0c;实现了基于多对多租户能力的管理系统。二、基础框架实现功能支持数据管理支持分布式定时任务支持分布式日志采集支持系统监控支持动态配置中心支持模板消息支持链路跟踪支持邮件…...

编程日记 2023/2/16 11:14:51

VMware 安装 OpenWrt 旁路由并配置 PassWall

1、准备 OpenWrt 镜像包 我已经转好了 vmdk 格式的&#xff0c;更多的可以去恩山论坛下载 OpenWrtvmdk格式-虚拟化文档类资源-CSDN下载 也可以在这个平台在线定制 OpenWrt固件下载与在线定制编译 2、网络选择 NAT 模式 3、创建虚拟机&#xff0c;选择自定义方式 4、一直下…...

编程日记 2023/2/16 11:13:42

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

本文介绍在利用R语言的GD包&#xff0c;实现自变量最优离散化方法选取与执行、地理探测器&#xff08;Geodetector&#xff09;操作时&#xff0c;出现各类报错信息、长时间得不到结果等情况的解决方案。 在之前的文章R语言GD包基于栅格图像实现地理探测器与连续参数的自动离散…...

编程日记 2023/2/16 11:12:33

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

传达嵌入式软件体系结构设计意图通常伴随着基于嵌入式开发人员经验的假设。你可以从资源受限的基于微控制器的系统的角度来看架构设计。如何设计架构将取决于系统的嵌入式软件分类。有许多不同的方法可以对嵌入式软件进行分类。我发现有五种简单的嵌入式软件分类可以帮助我调整…...

编程日记 2023/2/16 11:11:25

MVC与MVVM

MVC与MVVM举例说明MVCMVVM两者比较MVC <!DOCTYPE html> <html><head><meta charset"utf-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><title>mvc案例</title><link rel"styleshe…...

编程日记 2023/2/16 11:10:18

Cortex-M0异常和中断

目录1.概念2.异常类型3.异常优先级定义4.向量表5.异常流程概述接受异常请求压栈和出栈异常返回指令末尾连锁延迟到达6.EXC_RETURN7.异常入口流程的细节压栈取出向量并更新PC寄存器更新8.异常退出流程的细节1.概念 异常是能够引起程序流偏离正常流程的事件&#xff0c;当异常发…...

编程日记 2023/2/16 11:09:10

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

一、学习目标 熟悉存储过程的定义和使用&#xff0c;熟练运用 select ,update ,insert ,delete 命令完成对学生信息数据库的查询、更新、添加、删除操作。 二、学习内容 学生&#xff08;学号&#xff0c;年龄&#xff0c;性别&#xff0c;系名&#xff09; 课程&#xff08;…...

编程日记 2023/2/16 11:08:03

Amphenol ICC RJE1Y26610C42401线束组件解析与替代思路

在工业通信、数据交换以及网络设备连接场景中&#xff0c;RJ45以太网线束组件一直是非常核心的连接方案之一。近期不少工程师在项目维护和设备升级过程中&#xff0c;开始关注 Amphenol ICC 推出的 RJE1Y26610C42401 线束组件。 这类型号通常被应用于工业交换机、服务器、网络设…...

编程新知 2026/5/11 14:52:08

PyTorch模型保存加载避坑指南：从state_dict到checkpoint，这5种场景你都会了吗？

PyTorch模型保存加载避坑指南&#xff1a;从state_dict到checkpoint&#xff0c;这5种场景你都会了吗&#xff1f; 在深度学习项目的实际开发中&#xff0c;模型保存与加载看似简单&#xff0c;却隐藏着无数"坑点"。我曾见过团队因一个错误的map_location参数导致生…...

编程新知 2026/5/11 14:04:12

AD覆铜疑难杂症：从Modified Polygon到“引脚粘连”的排查与设计规避

1. Modified Polygon报错&#xff1a;现象与诊断 最近在做一个六层板设计时&#xff0c;遇到了典型的Modified Polygon报错。当时正在对电源层进行覆铜操作&#xff0c;点击"铺铜"按钮后&#xff0c;软件突然弹出一个红色警告框&#xff0c;显示"Modified Polyg…...

编程新知 2026/5/11 12:45:53

中国县城 AI 小店遍地开花：是风口还是陷阱？加盟背后藏“割韭菜”套路

01. AI 赋能县城谁能想到&#xff0c;中国十八线县城的 AI 产业密度直逼硅谷。在县城老街上&#xff0c;能偶遇 AI 面馆、AI 自习室和 AI 送水站&#xff0c;招牌与外墙的违和感十足&#xff0c;山姆奥特曼看了或许会挠头。“任何行业都值得用 AI 重做一遍”&#xff0c;县城小…...

编程新知 2026/5/11 12:17:43

别再傻傻分不清！舵机、步进、无刷、永磁同步，这四种电机到底怎么选？

电机选型实战指南&#xff1a;舵机、步进、无刷与永磁同步的黄金法则 在机器人关节调试现场&#xff0c;一位工程师盯着反复抖动的机械臂摇头&#xff1a;"早知道该用无刷电机..."&#xff1b;创客空间里&#xff0c;几个学生围着一台失控的3D打印机争论&#xff1a…...

编程新知 2026/5/11 8:41:07

CANN/ops-nn二元交叉熵损失算子

aclnnBinaryCrossEntropyWithLogits 【免费下载链接】ops-nn 本项目是CANN提供的神经网络类计算算子库&#xff0c;实现网络在NPU上加速计算。 项目地址: https://gitcode.com/cann/ops-nn &#x1f4c4; 查看源码 产品支持情况 产品是否支持Ascend 950PR/Ascend 950D…...

编程新知 2026/5/11 8:02:28

AI心智理论评估：VLM意图理解接近人类，但视角采样能力存在瓶颈

1. 项目概述&#xff1a;当AI“读懂”人心时&#xff0c;它在想什么&#xff1f;在人工智能领域&#xff0c;有一个听起来颇具哲学意味的挑战&#xff1a;如何让机器理解“心智”&#xff1f;这不仅仅是让AI识别图像中的物体或生成流畅的文本&#xff0c;而是让它能够像人类一样…...

编程新知 2026/5/11 6:16:55

开源金属四足机器人MEVIUS2设计与实现解析

1. MEVIUS2&#xff1a;开源金属四足机器人设计解析四足机器人技术近年来取得了显著进展&#xff0c;从实验室走向了实际应用场景。作为一名长期从事机器人系统开发的工程师&#xff0c;我特别关注如何降低这类先进机器人的研发门槛。MEVIUS2项目正是这一领域的突破性尝试——它…...

编程新知 2026/5/11 4:20:32

Python 虚拟环境完全指南：venv、virtualenv 与 Conda

Python 虚拟环境完全指南&#xff1a;venv、virtualenv 与 Conda 目录 虚拟环境概述venv 模块详解virtualenv 工具详解Conda 环境管理详解三者对比分析总结与建议 1. 虚拟环境概述 1.1 什么是虚拟环境 虚拟环境是一个独立的 Python 运行环境&#xff0c;它允许你在同一台机…...

编程新知 2026/5/11 3:48:18

基于Vite+React的企业级前端界面复刻实战：从QClaw模仿到项目模板

1. 项目概述与核心价值最近在做一个和微信生态相关的项目&#xff0c;需要快速搭建一个与腾讯官方“QClaw”界面高度一致的前端应用。QClaw是腾讯官方的一个在线工具平台&#xff0c;其界面设计简洁、交互流畅&#xff0c;非常适合作为企业级后台或工具类应用的参考。但直接使用…...

编程新知 2026/5/11 2:03:48