JSON 轻量级数据交换

古城微笑少年丶 2024-02-17 18:04 17阅读 0赞

JSON的全称是”JavaScript Object Notation”，意思是JavaScript对象表示法，它是一种基于文本，独立于语言的轻量级数据交换格式。

XML也是一种数据交换格式，为什么没有选择XML呢？

因为XML虽然可以作为跨平台的数据交换格式，但是在JS(JavaScript的简写)中处理XML非常不方便，同时XML标记比数据多，增加了交换产生的流量，而JSON没有附加的任何标记，在JS中可作为对象处理，所以我们更倾向于选择JSON来交换数据。这篇文章主要从以下几个方面来说明JSON。

**1、JSON的两种结构**

(a)对象  
对象结构以”\{”大括号开始，以”\}”大括号结束。中间部分由0或多个以”，”分隔的”key(关键字)/value(值)”对构成，关键字和值之间以”：”分隔，语法结构如代码。

{
        key1:value1,
        key2:value2,
        ...
    }

其中关键字是字符串，而值可以是字符串，数值，true,false,null,对象或数组

**(b)数组**

数组结构以”\[”开始，”\]”结束。中间由0或多个以”，”分隔的值列表组成，语法结构如代码。

[
        {
            key1:value1,
            key2:value2 
        },
        {
             key3:value3,
             key4:value4   
        }
    ]

**2、认识JSON字符串**

在js中字符串：指使用“”双引号或’’单引号包括的字符。例如：var comStr = 'this is string';

json字符串：指的是符合json格式要求的js字符串。例如：var jsonStr = "\{StudentID:'100',Name:'tmac',Hometown:'usa'\}";

json对象：指符合json格式要求的js对象。例如：var jsonObj = \{ StudentID: "100", Name: "tmac", Hometown: "usa" \};

**3、在JS中如何使用JSON**

JSON是JS的一个子集，所以可以在JS中轻松地读，写JSON。读和写JSON都有两种方法，分别是利用”.”操作符和“\[key\]”的方式。  
我们首先定义一个JSON对象，代码如下。

var obj = {
                 1: "value1",
                "2": "value2",
                count: 3,
                person: [ //数组结构JSON对象，可以嵌套使用
                            {
                                id: 1000,
                                name: "李飞"
                            },
                            {
                                id: 2000,
                                name: "张飞"
                            }
                       ],
                object: { //对象结构JSON对象
                    id: 1,
                     msg: "对象里的对象"    
                }
            };

1)从JSON中读数据

function ReadJSON() {
                alert(obj.1); //会报语法错误，可以用alert(obj["1"]);说明数字最好不要做关键字
                alert(obj.2); //同上
    
                alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
                alert(obj.object.msg); //或者alert(obj.object["msg"])
            }

2) 向JSON中写数据

比如要往JSON中增加一条数据，代码如下：

function Add() { 
                //往JSON对象中增加了一条记录
                obj.sex= "男" //或者obj["sex"]="男"
            }

增加数据后的JSON对象如图：

![Center][]

3，修改JSON中的数据

我们现在要修改JSON中count的值，代码如下：

function Update() {
                obj.count = 10; //或obj["count"]=10
            }

修改后的JSON如图。

[![json02][]][json02 1]

4，删除JSON中的数据

我们现在实现从JSON中删除count这条数据，代码如下：

function Delete() {
                delete obj.count;
            }

删除后的JSON如图

[![json03][]][json03 1]

可以看到count已经从JSON对象中被删除了。

5，遍历JSON对象

可以使用for…in…循环来遍历JSON对象中的数据，比如我们要遍历输出obj对象的值，代码如下：

function Traversal() {
                for (var c in obj) {
                    console.log(c + ":", obj[c]);
                }
            }

程序输出结果为：

[![json04][]][json04 1]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/e1959b579cea4f3299b9ca21cf2a4764.png
[json02]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/69f41ba06b0242f0895a07b175187ed6.png
[json02 1]: http://images.cnitblog.com/blog/311549/201306/08225654-7373ca8222ad4b999701ce3f988d5d68.jpg
[json03]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/644c7958dea84ec9bfa1ca2af9004a5d.png
[json03 1]: http://images.cnitblog.com/blog/311549/201306/08225700-1fc21b4018054d0b8d23477a035eb15f.jpg
[json04]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/e204ee45ce4b4ec7b09467805265516c.png
[json04 1]: http://images.cnitblog.com/blog/311549/201306/08225705-188a9dd782ca4f42934fcba606e2b162.jpg