一份简单的JSON教程（个人学习笔记）

目录

前言

JSON基本介绍

JSON实例

JSON与XML对比

JSON语法

JSON VS XML

json和xml在写法上有所不同

JSON 与 XML 的相同之处：

JSON 与 XML 的不同之处：

最大的不同

为什么JSON比XML好

JSON对象

语法

访问对象的值

循环对象

嵌套JSON对象

修改值/删除值

JSON数组

使用索引来访问数组对应下标的值

使用for-in or for循环访问数组

嵌套、修改、删除数组(元素)

JSON.parse() -- 将json转为js对象

JSON解析实例

从服务端接收JSON数据

从服务端接收数组的 JSON 数据

处理异常

解析函数

JSON.stringify() -- 将js对象转为json字符串

语法

JavaScript对象转换

JavaScript数组转换

异常和解析函数

PHP与JSON

PHP中的JSON函数

json_encode -- PHP转为JSON

语法

参数

实例

json_decode -- JSON转为PHP

语法

参数

实例

注

前言

再次学习JSON是为了保证工作中涉及传JSON参数时，不出现一些低级错误

本文取自Runoob

即将开启测开实习^ ^

JSON基本介绍

JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 (来自百度百科)

JSON 是存储和交换文本信息的语法，类似 XML。

JSON 比 XML 更小、更快，更易解析。

JSON 易于人阅读和编写。

C、Python、C++、Java、PHP、Go等编程语言都支持 JSON。

JSON实例

{

"sites": [

{ "name":"菜鸟教程" , "url":"www.runoob.com" },

{ "name":"google" , "url":"www.google.com" },

{ "name":"微博" , "url":"www.weibo.com" }

]

}

site对象是包含3个站点记录（对象）的数组

JSON与XML对比
  • JSON 是纯文本
  • JSON 具有"自我描述性"（人类可读）
  • JSON 具有层级结构（值中存在值）
  • JSON 可通过 JavaScript 进行解析
  • JSON 数据可使用 AJAX 进行传输

JSON语法

JSON语法是JS的子集

  • 数据在名称/值对中
  • 数据由逗号 , 分隔
  • 使用斜杆 \ 来转义字符
  • 大括号 {} 保存对象
  • 中括号 [] 保存数组，数组可以包含多个对象

json值

  • 数字（整数或浮点数）
  • 字符串（在双引号中）
  • 逻辑值（true 或 false）
  • 数组（在中括号中）
  • 对象（在大括号中）
  • null

要在大括号里书写{}

数组使用[]括起来

JSON文件的后缀是json

JSON VS XML

json和xml都用于接收web服务端的数据

json和xml在写法上有所不同

JSON：

{

"sites": [

{ "name":"菜鸟教程" , "url":"www.runoob.com" },

{ "name":"google" , "url":"www.google.com" },

{ "name":"微博" , "url":"www.weibo.com" }

]

}

XML:

<sites>

<site>

<name>菜鸟教程</name> <url>www.runoob.com</url>

</site>

<site>

<name>google</name> <url>www.google.com</url>

</site>

<site>

<name>微博</name> <url>www.weibo.com</url>

</site>

</sites>

JSON 与 XML 的相同之处：
  • JSON 和 XML 数据都是 "自我描述" ，都易于理解。
  • JSON 和 XML 数据都是有层次的结构
  • JSON 和 XML 数据可以被大多数编程语言使用
JSON 与 XML 的不同之处：
  • JSON 不需要结束标签
  • JSON 更加简短
  • JSON 读写速度更快
  • JSON 可以使用数组

最大的不同

XML 需要使用 XML 解析器来解析，JSON 可以使用标准的 JavaScript 函数来解析。

  • JSON.parse(): 将一个 JSON 字符串转换为 JavaScript 对象。
  • JSON.stringify(): 将 JavaScript 值转换为 JSON 字符串。

为什么JSON比XML好

XML 比 JSON 更难解析。

JSON 可以直接使用现有的 JavaScript 对象解析。

针对 AJAX 应用，JSON 比 XML 数据加载更快，而且更简单：

使用 XML

  • 获取 XML 文档
  • 使用 XML DOM 迭代循环文档
  • 接数据解析出来复制给变量

使用 JSON

  • 获取 JSON 字符串
  • JSON.Parse 解析 JSON 字符串
JSON对象
语法

访问对象的值

使用 . 来访问对象的值

varmyObj, x;

myObj = {"name":"runoob", "alexa":10000, "site":null};

x = myObj.name;

或是使用中括号 [] 访问对象的值

var myObj, x;

myObj = { "name":"runoob", "alexa":10000, "site":null };

x = myObj["name"];

循环对象

使用for - in 来循环对象属性

var myObj = { "name":"runoob", "alexa":10000, "site":null };

for (x in myObj) {

document.getElementById("demo").innerHTML += x + "<br>";

}

嵌套JSON对象

JSON 对象中可以包含另外一个 JSON 对象

注：这其实没什么好说的，就是一种嵌套的思想，像是多维的数组、树都是这样的

修改值/删除值

使用中括号 [...] 来修改 JSON 对象的值：

myObj.sites["site1"] = "www.google.com";

我们可以使用 delete 关键字来删除 JSON 对象的属性：

delete myObj.sites.site1; or

delete myObj.sites["site1"]

JSON数组

注：个人理解JSON数组就是没有键的对象集合

使用索引来访问数组对应下标的值

x = myObj.sites[0];

使用for-in or for循环访问数组

for (i in myObj.sites) {

x += myObj.sites[i] + "<br>";

}

or

for (i = 0; i < myObj.sites.length; i++) {

x += myObj.sites[i] + "<br>";

}

嵌套、修改、删除数组(元素)

和JSON对象的语法（用法）相同

图来自JSON 数组 | 菜鸟教程

JSON.parse() -- 将json转为js对象

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

语法：

JSON.parse(text[, reviver])

参数说明：

  • text:必需， 一个有效的 JSON 字符串。
  • reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。
JSON解析实例

图来自于JSON.parse() | 菜鸟教程

从服务端接收JSON数据

我们可以使用 AJAX 从服务器请求 JSON 数据，并解析为 JavaScript 对象。

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

myObj = JSON.parse(this.responseText);

document.getElementById("demo").innerHTML = myObj.name;

}

};

xmlhttp.open("GET", "/try/ajax/json_demo.txt", true);

xmlhttp.send();

从服务端接收数组的 JSON 数据

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

myArr = JSON.parse(this.responseText);

document.getElementById("demo").innerHTML = myArr[1];

}

};

xmlhttp.open("GET", "/try/ajax/json_demo_array.txt", true);

xmlhttp.send();

输出：

服务端数据为：

处理异常

显示：

解析函数

JSON 不允许包含函数，但你可以将函数作为字符串存储，之后再将字符串转换为函数。

var text = '{ "name":"Runoob", "alexa":"function () {return 10000;}", "site":"www.runoob.com"}';

var obj = JSON.parse(text);

obj.alexa = eval("(" + obj.alexa + ")");

document.getElementById("demo").innerHTML = obj.name + " Alexa 排名：" + obj.alexa();

JSON.stringify() -- 将js对象转为json字符串

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

语法

JSON.stringify(value[, replacer[, space]])

参数说明：

  • value:必需， 要转换的 JavaScript 值（通常为对象或数组）。
  • replacer:可选。用于转换结果的函数或数组。如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。
  • space:可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。
JavaScript对象转换

例如我们向服务器发送以下数据：

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};

我们使用 JSON.stringify() 方法处理以上数据，将其转换为字符串(JSON)：

var myJSON = JSON.stringify(obj)

实例：

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};

var myJSON = JSON.stringify(obj);

document.getElementById("demo").innerHTML = myJSON;

JavaScript数组转换

图来自于JSON.stringify() | 菜鸟教程

异常和解析函数

这里主要是告诉我们JSON不能存Date和函数，如果需要把特定的JS转为JSON进行传递，需要注意避免函数在Stringify的过程中被删除，并且传递后进行特殊的处理。

PHP与JSON

参考：PHP JSON | 菜鸟教程

介绍使用PHP进行编码和解码JSON对象(php5.2.0 及以上版本已经内置 JSON 扩展)

PHP中的JSON函数

函数

描述

json_encode

对变量进行 JSON 编码

json_decode

对 JSON 格式的字符串进行解码，转换为 PHP 变量

json_last_error

返回最后发生的错误

json_encode -- PHP转为JSON

PHP json_encode() 用于对变量进行 JSON 编码，该函数如果执行成功返回 JSON 数据，否则返回 FALSE 。

语法

string json_encode ( $value [, $options = 0 ] )

参数
  • value: 要编码的值。该函数只对 UTF-8 编码的数据有效。
  • options:由以下常量组成的二进制掩码 JSON_HEX_QUOT, JSON_HEX_TAG, JSON_HEX_AMP, JSON_HEX_APOS, JSON_NUMERIC_CHECK, JSON_PRETTY_PRINT, JSON_UNESCAPED_SLASHES, JSON_FORCE_OBJECT, JSON_PRESERVE_ZERO_FRACTION, JSON_UNESCAPED_UNICODE, JSON_PARTIAL_OUTPUT_ON_ERROR。要注意的是 JSON_UNESCAPED_UNICODE 选项，如果我们不希望中文被编码，可以添加该选项。
实例

以下实例演示了如何将 PHP 数组转换为 JSON 格式数据：

<?php
   $arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5);
   echo json_encode($arr);
?>

以上代码执行结果为：

{"a":1,"b":2,"c":3,"d":4,"e":5}

以下实例演示了如何将 PHP 对象转换为 JSON 格式数据：

<?php
class Emp {
public $name = "";
public $hobbies = "";
public $birthdate = "";
}
$e = new Emp();
$e->name = "sachin";
$e->hobbies = "sports";
$e->birthdate = date('m/d/Y h:i:s a', "8/5/1974 12:20:03 p");
$e->birthdate = date('m/d/Y h:i:s a', strtotime("8/5/1974 12:20:03"));

echo json_encode($e);
?>

以上代码执行结果为：

{"name":"sachin","hobbies":"sports","birthdate":"08\/05\/1974 12:20:03 pm"}

<?php
$arr = array('runoob' => '菜鸟教程', 'taobao' => '淘宝网');
echo json_encode($arr); // 编码中文
echo PHP_EOL; // 换行符
echo json_encode($arr, JSON_UNESCAPED_UNICODE); // 不编码中文
?>

以上代码执行结果为：

{"runoob":"\u83dc\u9e1f\u6559\u7a0b","taobao":"\u6dd8\u5b9d\u7f51"}
{"runoob":"菜鸟教程","taobao":"淘宝网"}
json_decode -- JSON转为PHP

PHP json_decode() 函数用于对 JSON 格式的字符串进行解码，并转换为 PHP 变量。

语法

mixed json_decode ($json_string [,$assoc = false [, $depth = 512 [, $options = 0 ]]])

参数
  • json_string: 待解码的 JSON 字符串，必须是 UTF-8 编码数据
  • assoc: 当该参数为 TRUE 时，将返回数组，FALSE 时返回对象。
  • depth: 整数类型的参数，它指定递归深度
  • options: 二进制掩码，目前只支持 JSON_BIGINT_AS_STRING 。

以下实例演示了如何解码 JSON 数据：

实例

<?php
$json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';

var_dump(json_decode($json));
var_dump(json_decode($json, true));
?>

以上代码执行结果为：

object(stdClass)#1 (5) {
    ["a"] => int(1)
    ["b"] => int(2)
    ["c"] => int(3)
    ["d"] => int(4)
    ["e"] => int(5)
}

array(5) {
    ["a"] => int(1)
    ["b"] => int(2)
    ["c"] => int(3)
    ["d"] => int(4)
    ["e"] => int(5)
}
注

本文是作者学习过程中自行整理，内容参考自菜鸟教程，如有侵权请联系删除

欢迎指出笔记中不对的地方，接受建议和合理的批评

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/344759.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

highcharts.css文件的样式覆盖了options的series里面的color问题解决

highcharts.css文件的样式覆盖了options的series里面的color问题解决

文章目录 一、问题背景二、解决问题 一、问题背景 原本的charts我们的每个数据是有对应的color显示的&#xff0c;如下图&#xff1a; 后面我们系统做了黑白模式&#xff0c;引入了highcharts的css文件&#xff0c;结果highcharts的css文件中class的颜色样式覆盖了我们数据中的…
阅读更多...
教学改进措施及方法

教学改进措施及方法

在教育的世界里&#xff0c;每一位教师都是一位探险家&#xff0c;探索着如何更好地点燃学生的求知欲望&#xff0c;帮助他们展翅飞翔。我&#xff0c;作为一位拥有多年教学经验的教师&#xff0c;也在这条路上不断摸索。今天&#xff0c;我想分享一些我在教学实践中的改进措施…
阅读更多...
RabbitMQ中交换机的应用 ，原理 ，案例的实现

RabbitMQ中交换机的应用 ，原理 ，案例的实现

&#x1f389;&#x1f389;欢迎来到我的CSDN主页&#xff01;&#x1f389;&#x1f389; &#x1f3c5;我是平顶山大师&#xff0c;一个在CSDN分享笔记的博主。&#x1f4da;&#x1f4da; &#x1f31f;推荐给大家我的博客专栏《RabbitMQ中交换机的应用及原理&#xff0c;案…
阅读更多...
消息中间件之八股面试回答篇：二、MQ如何保证消息不重复消费（幂等性）+RabbitMQ死信交换机（延迟队列）+回答模板

消息中间件之八股面试回答篇：二、MQ如何保证消息不重复消费（幂等性）+RabbitMQ死信交换机（延迟队列）+回答模板

MQ消息重复消费问题 可能出现重复消费的场景 网络抖动消费者挂了 MQ通用的解决方案 每条消息设置一个唯一的标识id幂等方案&#xff1a;【 分布式锁、数据库锁&#xff08;悲观锁、乐观锁&#xff09; 】 RabbitMQ的死信交换机 当一个队列中的消息满足下列情况之一时&…
阅读更多...
图卷积网络（GCN）

图卷积网络（GCN）

本文主要分为两部分&#xff0c;第一部分介绍什么是GCN&#xff0c;第二部分将进行详细的数学推导。 一、什么是GCN 1、GCN 概述 本文讲的GCN 来源于论文&#xff1a;SEMI-SUPERVISED CLASSIFICATION WITH GRAPH CONVOLUTIONAL NETWORKS&#xff0c;这是在GCN领域最经典的论文…
阅读更多...
allure生成报告展示在vue-admin前端展示

allure生成报告展示在vue-admin前端展示

生成测试数据 本栗子测试数据根据pytest测试用例生成 首先设置pytest.ini配置信息 a l l u r e d i r alluredir alluredir代表生产allure报告数据地址 t e s t c a s e d i r test_casedir testc​asedir代表测试用例路径 [pytest] addopts -vs --alluredir $alluredir$…
阅读更多...
【C++】c++入门，认识c++版本的Hello world!

【C++】c++入门，认识c++版本的Hello world!

Hello,everybody!在c语言&#xff0c;数据结构初阶学完之后&#xff0c;咱们就要开始c的学习了。关于c的语法&#xff0c;有很多是为了弥补c语言的不足。在咱们学习c的过程中&#xff0c;随着你对c语法掌握的越来越熟练。我相信你会逐渐爱上c。那我们直接进入正题。 1.c兼容c …
阅读更多...
【taro react】 ---- 自动化【根据运行命令直接编译对应的是测试环境或正式环境】

【taro react】 ---- 自动化【根据运行命令直接编译对应的是测试环境或正式环境】

1. 场景 开发和发布程序中遇到最常见的问题，需要一个环境配置文件，然后在启动或者编译前，需要开发者去修改对应的环境变量来控制启动或者编译的环境是测试环境还是正式环境。同时如果是需要维护小程序的 Jenkins 自动上传，就会更加的麻烦，上传的小程序越多，我们需要维护…
阅读更多...
STM32单片机学习5--STM32中断

STM32单片机学习5--STM32中断

文章目录 一、前言二、NVIC中断控制器2.1、NVIC结构体成员2.2、抢占优先级和响应优先级2.3、NVIC的优先级组 三、EXTI外部中断四、中断实战4.1、确定连线4.2、配置中断控制端口4.3、配置中断端口4.4、配置中断服务函数4.5、主函数调用 一、前言 单片机无系统执行逻辑&#xff…
阅读更多...
Unity之Cinemachine教程

Unity之Cinemachine教程

前言 Cinemachine是Unity引擎的一个高级相机系统&#xff0c;旨在简化和改善游戏中的相机管理。Cinemachine提供了一组强大而灵活的工具&#xff0c;可用于创建令人印象深刻的视觉效果&#xff0c;使开发人员能够更轻松地掌控游戏中的摄像机行为。 主要功能和特性包括&#x…
阅读更多...
Linux代码行数统计工具cloc

Linux代码行数统计工具cloc

这里推荐个Perl语言开发的开源代码统计工具cloc&#xff0c;全称为Count Lines of Code。支持多平台使用、多编程语言识别。 在Ubuntu下安装cloc&#xff1a; sudo apt-get install cloc运行cloc可以cd到指定目录运行&#xff1a; cloc . # 或者例如统计src目录下的代码行数 …
阅读更多...
微信小程序跳转第三方网站链接

微信小程序跳转第三方网站链接

很简单&#xff0c;先定义一个跳转外网的页面&#xff0c;利用 web-view 标签&#xff0c;通过src设置你要跳转的外网地址 <web-view src"https://www.baidu.com"></web-view>然后在你的跳转按钮写跳转函数即可 wx.navigateTo({url: /pages/webView/inde…
阅读更多...
微信小程序（十一）表单组件（进阶）

微信小程序（十一）表单组件（进阶）

注释很详细&#xff0c;直接上代码 上一篇 新增内容&#xff1a;&#xff08;涉及内容较多&#xff0c;建议细看源码&#xff09; 1.radio-group的使用与数据处理 2.checkbox-group的使用与数据处理 3.picker的使用与数据同步处理(此处示范了地域与日期) 源码&#xff1a; form…
阅读更多...
使用API有效率地管理Dynadot域名，使用API进行域名注册

使用API有效率地管理Dynadot域名，使用API进行域名注册

关于Dynadot Dynadot是通过ICANN认证的域名注册商&#xff0c;自2002年成立以来&#xff0c;服务于全球108个国家和地区的客户&#xff0c;为数以万计的客户提供简洁&#xff0c;优惠&#xff0c;安全的域名注册以及管理服务。 Dynadot平台操作教程索引&#xff08;包括域名邮…
阅读更多...
国标GB28181协议EasyCVR启动失败报错“Local Machine Check Error”的解决方法

国标GB28181协议EasyCVR启动失败报错“Local Machine Check Error”的解决方法

国标GB28181安防监控系统EasyCVR平台采用了开放式的网络结构&#xff0c;可支持4G、5G、WiFi、有线等方式进行视频的接入与传输、处理和分发。安防视频监控平台EasyCVR还能支持GIS电子地图模式&#xff0c;基于监控摄像头的经纬度地理位置信息&#xff0c;将场景中的整体安防布…
阅读更多...
如何设计性能测试用例！一文1000字详解(建议收藏)

如何设计性能测试用例！一文1000字详解(建议收藏)

性能测试是确保软件应用在各种负载和条件下都能保持良好性能的关键活动&#xff0c;涉及到系统的响应时间&#xff0c;还包括吞吐量、资源利用率、可靠性和系统的可伸缩性。 性能测试用例设计需要对业务需求和系统行为有深刻理解&#xff0c;设计过程涉及确定测试目标、选择相…
阅读更多...
基于无线脉冲，超宽带技术的高精度人员定位系统源码，可实现人员、物资的精准定位

基于无线脉冲，超宽带技术的高精度人员定位系统源码，可实现人员、物资的精准定位

随着工业4.0深入推进信息化&#xff0c;智能化&#xff0c;数据化管控成为企业不可或缺的竞争力&#xff0c;其中人员物资等实时位置信息成为变革关键&#xff0c;因此&#xff0c;uwb超宽带高精度定位系统应运而生&#xff0c;高精度的位置数据作为智能工厂数据流的重要组成部…
阅读更多...
【EI会议征稿】第三届光电信息与功能材料国际学术会议（OIFM 2024）

【EI会议征稿】第三届光电信息与功能材料国际学术会议（OIFM 2024）

第三届光电信息与功能材料国际学术会议&#xff08;OIFM 2024&#xff09; The 3rd International Conference on Optoelectronic Information and Functional Materials 第三届光电信息与功能材料国际学术会议&#xff08;OIFM 2024&#xff09;将于2024年4月5-7日在武汉召开…
阅读更多...
编辑图片加文字的软件？分享4款！

编辑图片加文字的软件？分享4款！

在数字时代&#xff0c;图片和文字的结合已经成为信息传递的重要方式。为了满足广大自媒体人和内容创作者的需求&#xff0c;本文将为您推荐几款编辑图片加文字的软件&#xff0c;帮助您轻松实现创意表达。 魔法抠图大师 作为一款专业的图片编辑软件&#xff0c;还提供了多种编…
阅读更多...
MySQL 8.3 发布, 它带来哪些新变化？

MySQL 8.3 发布, 它带来哪些新变化？

1月16号 MySQL 官方发布 8.3 创新版 和 8.0.36 长期支持版本 (该版本 没有新增功能&#xff0c;更多是修复bug )&#xff0c;本文基于 官方文档 说一下 8.3 版本带来的变化。 一 增加的特性 1.1 GTID_NEXT 支持增加 TAG 选项。 之前的版本中 GTID_NEXTUUID:number &#xff…
阅读更多...
最新文章

Copyright @ 2022~2023