JSON入门教程（适合初学者）

左手的ㄟ右手 2023-07-10 15:43 4阅读 0赞

### JSON入门教程 ###

JSON(JavaScript Object Notation、JavaScript 对象表示法) 是一种轻量级的数据交换格式。起初来源于JavaScript这门语言，后来随着使用的广泛，几乎每门开发语言都有处理JSON的API（（Application Programming Interface，应用程序接口）。JSON 是存储和交换文本信息的语法,类似 XML。 JSON 比 XML 更小、更快，更易解析。

JSON（JavaScript Object Notation）是一种基于文本的标准数据交换格式，使应用程序通过计算机网络交换数据。json文件，以.json为扩展名。

json以“键值对”存储数据，先举两个简单例子直观了解一下：

var a =\{"one"："一","two":"二","three":"三"\}

取值方法，a.one的值就是一。

var b=\{"A":"\[1,2,3,4,5,6,7\]","B":"\[a,b,c,d,e\]"\}

取值方法，b.A\[0\]的值就是1。

现在，通过一个实例的比较来真实的说明一下XML与JSON的区别：

1.  使用XML表示中国部分省市的数据如下：

<?xml version="1.0" encoding="utf-8" ?>

<citys>

</citys>

</province>

<citys>

</citys>

</province>

<citys>

</citys>

</province>

</country>

1.  使用JSON中国部分省市数据如下：

var country =

name: "中国",

provinces: \[

\{ name: "山东", citys: \{ city: \["青岛", "临沂"\]\} \},

\{ name: "广东", citys: \{ city: \["广州", "深圳", "珠海"\]\} \},

\{ name: "湖北", citys: \{ city: \["武汉", "黄冈"\]\} \}

*  **从编码的可读性来说**，XML有明显的优势，毕竟人类的语言更贴近这样的说明结构。而JSON读起来更像是一个数据块，读起来比较费解，不过对人读起来费解的语言，恰恰是适合机器于都的，所以通过JSON是的索引contry.provinces\[0\].name就可以读取到“山东”这个值
 *  **从编码的手写难度来说**，XML还是更简单一些，好读也就意味着好写；不过JSON写出来的字符明显就少很多；去掉空白制表以及换行的话，JSON基本上就是有用数据，而XML却包含很多重复的标记字符。

**JSON语法**

<table> 
 <thead> 
  <tr> 
   <td style="border-color:#dddddd;"> <p style="margin-left:0cm;"><strong>符号</strong></p> </td> 
   <td style="border-color:#dddddd;"> <p style="margin-left:0cm;"><strong><span style="color:#000000;">说明</span></strong></p> </td> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;"> <p style="margin-left:0cm;">[]中括号</p> </td> 
   <td> <p style="margin-left:0cm;">表示数组</p> </td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;"> <p style="margin-left:0cm;">{}</p> </td> 
   <td> <p style="margin-left:0cm;">表示对象</p> </td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;"> <p style="margin-left:0cm;">:冒号</p> </td> 
   <td> <p style="margin-left:0cm;">key和value之间的分隔符</p> </td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;"> <p style="margin-left:0cm;">,</p> </td> 
   <td> <p style="margin-left:0cm;">用于分隔每一个单独的数据对象</p> </td> 
  </tr> 
 </tbody> 
</table>

**基本数据**以"键：值"对的形式出现，例如：

"name": "张三"

**对象**

JSON 对象使用在大括号中书写，对象可以包含多个 key/value（键/值）对两个"键：值"对以逗号分隔，例如，定义名为people对象：

"people":\{

"ID": 1001,

"name": "张三",

"age": 24

或

var people=\{

"ID": 1001,

"name": "张三",

"age": 24

key必须是字符串,value可以是合法的JSON数据类型(字符串,数字,对象,数组,布尔值或者null)；key和value中适用冒号(:)分割；每个键值对适用逗号(,)分割。

可以使用点号（.）来访问对象的值：people.name 代表 张三

JSON 是一种纯数据格式，它只包含属性，没有方法。

**数组**

JSON 数组在中括号中书写，如定义名为sites的数组：

"sites":\[ "Google", "Runoob", "Taobao" \]

或var sites = \[ "Google", "Runoob", "Taobao" \]

可以使用索引值来访问数组：sites\[0\]，代表"Google"

方括号中每个数据也可以json对象形式出现，例如：

"employees":\[

\{"firstName":"John", "lastName":"Smith", "age":35\},

\{"firstName":"Jane", "lastName":"Smith", "age":32\}

JSON 值可以是：

数字（整数或浮点数）

字符串（在双引号中）

逻辑（布尔）值（true 或 false）

数组（在中括号中）

对象（在大括号中）

Null

下面给出几个实例

**在网页（html文件）的使用**

在网页（html文件）使用JSON，一般是JSON和JavaScript结合使用，用JSON存数据，用JavaScript操作数据。

**例1**、代码如下：

<html>

<head>

<title>Json测试实例</title>

</head>

<body>

<h2>通过 JSON 字符串来创建对象</h3>

<p>

First Name: <span id="fname"></span><br />

Last Name: <span id="lname"></span><br />

</p>

var txt = '\{"employees":\[' +

'\{"firstName":"Bill","lastName":"Gates" \},' +

'\{"firstName":"George","lastName":"Bush" \},' +

'\{"firstName":"Thomas","lastName":"Carter" \}\]\}';

var obj = eval ("(" + txt + ")");

document.getElementById("fname").innerHTML=obj.employees\[1\].firstName

document.getElementById("lname").innerHTML=obj.employees\[1\].lastName

</script>

</body>

</html>

保存文件名为 json01.html，用浏览器打开这个页面（双击json01.html文件即可），它会生成如下所示结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70][]

**例2、**代码如下：

<html>

<head>

<title>Json测试实例</title>

</head>

<body>

var site=\[

\{"name":"小明","age":8\},

\{"name":"小红","age":9\},

\{"name":"小灰","age":7\},

var str = " ";

for(var i = 0 ; i < site.length;i++)\{

str +="姓名:"+site\[i\].name +"  "+"年龄:"+site\[i\].age+"<br>";

document.getElementById("p").innerHTML = str;

</script>

</body>

</html>

保存为 json01.html，用浏览器打开这个页面，它会生成如下所示结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1][]

关于这方面的更多知识可阅读：

JSON基本用法

[JSON基本用法\_LPLIFE的博客-CSDN博客\_json的用法][JSON_LPLIFE_-CSDN_json]

**在 Python 中使用 JSON**

可以使用包，如demjson、 json

Demjson包是第三方提供的包，需要下载安装； json包内置的（不需要下载安装）。

先介绍json包的使用

JSON文件的读写

使用python往data.json文件中写入数据，若文件不存在将建立

import json

data = \[\{

'name':'kingsan',

'age':'23'

\}\]

with open('data.json','w') as file:

file.write(json.dumps(data))

运行显示如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2][]

读取data.json文件中的数据

import json

with open('data.json','r') as file:

str = file.read()

data = json.loads(str)

print(data)

运行显示如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3][]

Demjson包的使用

【查看python第三方模块（库、包）是否安装及其版本号

在cmd中，输入如下的命令：

python -m pip list 或 pip list

若安装了多个python版本，查看可由X.Y指定python版本关联的模块(库、包)情况：

py -X.Y -m pip list

Python模块(库、包)安装方法

在cmd中（Windows命令行窗口中），输入如下的命令：

pip install 模块(库、包)名

若安装了多个python版本，在cmd中使用 py 启动器命令配合 -m 开关选项，为指定Python版本安装模块（库、包）：

py -X.Y -m pip install 模块(库、包)名

其中X.Y代表Python版本，多余的部分舍弃如3.6.5，取3.6，3.7.4，取3.7

】

demjson有两个 函数

encode 将 Python 对象编码为 JSON 字符串表示。语法

demjson.decode(self, txt)

decode 将 JSON 编码的字符串解码为 Python 对象。语法

demjson.encode(self, obj, nest\_level=0)

下载和安装 Demjson之后，引入demjson可使用语句：import demjson

**例、**

import demjson

d = \{"id":"26885074","title":"叶问4：完结篇", "rate":7.0\}

js\_str = demjson.encode(d,encoding='utf-8')

print("encode结果:")

print(js\_str)

js\_str1 = "\{id:'26885074',title:'叶问4：完结篇', rate:7.0\}"

js\_str2 = "\{'id':'26885074','title':'叶问4：完结篇' , 'rate':7.0\}"

js\_str3 = '\{"id":"26885074","title":"叶问4：完结篇", "rate":7.0\}'

print("decode结果:")

data = demjson.decode(js\_str1)

print(data)

data = demjson.decode(js\_str2)

print(data)

data = demjson.decode(js\_str3)

print(data)

参见下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4][]

使用Python解析JSON详解

[使用Python解析JSON详解 - 落叶的博客 - 博客园][Python_JSON_ - _ -]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200303162941202.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200303162959852.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[JSON_LPLIFE_-CSDN_json]: https://blog.csdn.net/LPLIFE/article/details/79761098
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200303163854916.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200303163108990.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200303163131195.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[Python_JSON_ - _ -]: https://www.cnblogs.com/wangyayun/p/6699184.html