详解JSON数据格式

JSON数据格式

JSON 的由来

在目前的开发中,JSON是一种非常重要的数据格式,它并不是编程语言,而是一种可以在服务器和客户端之间传输的数据格式
JSON的全称是JavaScript Object Notation (JavaScript对象符号)
JSON是由Douglas Crockforc 构想和设计的一种轻量级数据交换格式,算是JavaScript的一个子集
很多编程语言都实现了将JSON转为对应模型的方式

其他的传输格式:
XML:在早期的网络传输中主要是使用XML来进行数据交换的,但是这种格式在解析、传输等各方面都弱于JSON,所以目前已经很少在被使用了
Protobuf:另外一个在网络传输中目前已经越来越多使用的传输格式是protobuf,但是直到2021年的3.x版本才支持JavaScript,所以在前端使用的比较少;

目前JSON被使用的场景也越来越多:
网络数据的传输JSON数据;
项目的某些配置文件;
非关系型数据库(NoSQL)将json作为存储格式

JSON 的基本语法

JSON的最外层支持三种类型的值:
简单值:数字(Number)、字符串(String ,不支持单引号)、布尔类型(Boolean)、null类型;
对象值:由key、value组成,key是字符串类型,并且必须添加双引号,值可以是简单值、对象值、数组值;
数组值:数组的值可以是简单值、对象值、数组值;

JSON不支持变量、函数或对象实例,是一种表示结构化数据的格式。
简单值

JSON数据形式:

5    // 数值
"Hello JavaScript"    // 字符串
null

与JavaScript不同,JSON中的对象要求给属性加上引号:

{ 
    "name": "JS人柱力";
    "age": 100
}

// 属性的值也可以是复杂类型
{ 
    "school": { 
        "name": "hafo", 
        "location": "Harbin"
    }
}

数组

JSON表示数组:

[100, "JS人柱力", true]


JSON数组没有变量和分号。

把数组和对象结合,可以构造复杂的数据集合:

[
    { 
        "title":"js",
        "authors":[
            "张三"
        ],
        edition: 2
    },
    { 
        "title":"MySQL从删库到跑路",
        "authors":[
            "李四"
        ],
        edition: 3
    },
    { 
        "title":"Dreamweaver从安装到卸载",
        "authors":[
            "王五"
        ],
        edition: 4
    }
]

解析与序列化

JSON对象

JSON对象有两个方法:

stringfy():把JavaScript对象序列化为JSON字符串
parse():。把JSON字符串解析为原生JavaScript值

示例:

var book = { 
    "title":"Java从入门到放弃",
    "authors":[
        "张三"
    ],
    edition: 2
};
var jsonText = JSON.stringify(book);
alert(jsonText);    // {"title":"Java从入门到放弃","authors":["张三"],"edition":2}

上面的例子将一个JavaScript对象序列化为一个JSON字符串。默认情况下,JSON.stringify()不包含任何字符或缩进。

将JSON字符串直接传递个JSON.parse()可以得到相应的JavaScript值。

var newBook = JSON.parse(jsonText);

book与newBook具有相同的属性,但是彼此是相互独立的。
序列化选项

JSON.stringify()还可以接收两个参数:

第一个参数:过滤器,一个数组或一个函数。
第二个参数:一个选项,表示是否在JSON字符串中保留缩进

过滤结果

如果参数是数组,JSON.stringify()的结果只包含数组中列出的属性。

var book = { 
    "title":"Java从入门到放弃",
    "authors":[
        "张三"
    ],
    edition: 2
};
var jsonText = JSON.stringify(book, ["title", "authors"]);
console.log(jsonText);  // {"title":"Java从入门到放弃","authors":["张三"]}

如果参数是函数,传入的函数接收两个参数,属性名和属性值,根据属性名可以知道如何处理属性。属性名是字符串,属性值并非键值对的值,键名可以是空字符串。

返回的值是相应键的值,如果函数返回undefined,那么该属性就会被忽略。

var book = { 
    "title":"Java programming",
    "authors":[
        "张三",
        "李四"
    ],
    edition: 2
};
var jsonText = JSON.stringify(book, function (key, value) { 
    switch (key) { 
        case "authors":
            return value.join("-");        // 用“-”分割数组
        case "edition":
            return undefined;
        default :
            return value;
    }
});
console.log(jsonText);    // {"title":"Java programming","authors":"张三-李四"}

字符串缩进

JSON.stringify()的第三个参数用于控制结果中的缩进和空白符。如果是数值,表示每格缩进的空格数。

var book = { 
    "title":"Java programming",
    "authors":[
        "JS人柱力",
    ],
    edition: 2
};
var jsonText = JSON.stringify(book, null, 4);
console.log(jsonText);

如果是字符串,这个字符串将用作JSON字符串的缩进符

var book = { 
    "title":"Java programming",
    "authors":[
        "JS人柱力",
    ],
    edition: 2
};
var jsonText = JSON.stringify(book, null, "__");
console.log(jsonText);

【显示结果】:
{ 
__"title": "Java programming",
__"authors": [
____"JS人柱力"
__],
__"edition": 2
}

缩进字符串最多只能包含10个字符。
toJSON()方法

JSON.stringify()并不能满足所有对象进行序列化的需求。可以给对象定义toJSON()方法,返回其自身的JSON数据格式。

示例:

var book = { 
    "title":"Java programming",
    "authors":[
        "JS人柱力",
    ],
    edition: 2,
    toJSON: function () { 
        return "==="+this.title+"===";
    }
};
var jsonText = JSON.stringify(book);
console.log(jsonText);    // "===Java programming==="

解析选项

JSON.parse()方法也可以接收另一个参数,该参数是一个函数,将在每个键值对上调用。如果返回undefined,表示从结果中删除相应的键,如果返回其他值,则将该值插入到结果中。

var book = { 
    "title":"Java programming",
    "authors":[
        "JS人柱力",
    ],
    edition: 2,
    year: 2022,
    releaseDate: new Date(2022, 11, 1)
};
var jsonText = JSON.stringify(book);

var newBook = JSON.parse(jsonText, function (key, value) { 
    if (key == "releaseDate") { 
        return new Date(value);
    } else { 
        return value;
    }
});
console.log(newBook.releaseDate.getFullYear());    // 2022

    原文作者:JS人柱力
    原文地址: https://blog.csdn.net/m0_62336865/article/details/125707717
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞