JavaScript之JSON

最新推荐文章于 2023-01-07 17:43:42 发布

「已注销」

最新推荐文章于 2023-01-07 17:43:42 发布

阅读量377

点赞数 1

分类专栏： Javascript学习笔记

本文链接：https://blog.csdn.net/h15882065951/article/details/70880150

版权

Javascript学习笔记专栏收录该内容

64 篇文章 3 订阅

订阅专栏

JSON是JavaScript一个严格的子集，它利用了JavaScript中的模式表示结构化数据。JSON可以直接传给eval()，而不必创建DOM对象（不必声明变量）。

注：JSON是一种数据格式，不是编程语言。JSON不是JavaScript独有的。

什么是JSON:

JSON是JavaScript对象表示法
JSON是轻量级的文本数据交换格式
JSON具有独立性，不是JavaScript独有的。
JSON具有自我供述性、更容易理解。

语法

JSON的语法可以表示以下三种类型的值：

简单值，与JavaScript语法相似，可以表示数字值、字符串值、布尔值和null，但JSON不能表示undefined。
对象，与JavaScript中的对象相似。
数组，与JavaScript中的数组相似。

注：JSON不支持变量，函数或对象实例，它只是一种表示结构化数据的格式。因此，JSON没有声明变量一说，三种类型的值直接书写就是。

简单值

JSON支持数字值、字符串、布尔值和null。

在JavaScript中表示这三种类型的值可以是这样的：

var a = 1234, //表示数字值
b = "hello JSON", //表示字符串，用双引号
c = "hello JavaScript", //表示字符串，用单引号
d = true; //表示布尔值

而在JSON是这样表示这三种类型的值的：

1234

"hello JSON"

"hello JavaScript"

true

从上述两个例子，我们可以看出JavaScript与JSON的两个不同点：

JavaScript需要声明变量用来保存这三种类型的值，也就是说需要声明变量并初始化变量，且每个语句后面必须有分号表示。而JSON因为不支持变量，所以无需声明变量，直接书写值，并传递给eval()，并且JSON不加分号。
JavaScript字符串与JSON字符串的最大区别在于，JavaScript的字符串可以用双引号表示，也可以用单引号表示。但JSON的字符串必须用双引号表示，否则会报错。

注：在JSON表示布尔值时，不能添加双引用，否则就变成了字符串。

对象

JSON的对象与JavaScript字面量对象有一点不同，在JavaScript中表示字面量对象：

var obj = {
    name : "tom",
    age : 21,
    sayName : function () {
        alert(this.name);
    }
};

在JavaScript中，属性名也可以添加双引用表示：

var obj = {
    “name” : "tom",
    “age” : 21,
    “sayName” : function () {
        alert(this.name);
    }
};

而在JSON中，没有 声明变量这一操作（不支持变量）， 属性名必须用双引用，且 末尾没有分号， 注：花括号是有的

{
    "name" : "tom",
     "age" : 21,
     "sayName" : function () {
        alert(this.name);
    }
}

再次声明：JSON对象或字符串中，属性名或字符串必须添加双引用。

数组

JSON数组就是采用JavaScript的字面量形式，在JavaScript中的字面量数组：

var arr = [21, "tom", true];

而在JSON中的字面量数组：

[21, "tom", true]

可以看出，JSON中的字面量数组，没有声明变量这一操作，且末尾没有分号。

解析与序列化

JSON可以把JSON数据结构解析为JavaScript对象。

JSON对象

JSON对象有两个方法，分别是stringify()和parse()。在最简单的情况下，它们分别可以将JavaScript对象序列化为JSON字符串和将JSON字符串解析成JavaScript值。

例如：

var book = {
    title : "a good book",
    authors : "zhang",
    edition : 3,
    year : 2017
};

//将JavaScript对象序列化为JSON字符串，并将其保存在变量jsonText中
var jsonText = JSON.stringify(book);

JSON.stringify()将JavaScript对象序列化为JSON字符串，默认情况下（在没有传入参数的情况下），输出的JSON字符串不包含任何空格和缩进，此时输出的JSON字符串为：

{"title":"a good book","authors":"zhang","edition":3,"year":2017}

除了原字符串间的空格，其它的空格和缩进均被删除了。

注：在序列化JavaScript对象时，所有的函数和原型成员会被有意忽略。值为undefined的任何属性也会被跳过。

将JSON字符串传递给JSON.parse()会得到相应的JavaScript值。

var javaScriptText = JSON.parse(jsonText);

注：book与javaScriptText虽然有相同的属性，但它们是相互独立、没有任何关系的对象。如果传递给JSON.parse()的不是有效的JSON字符，则会报错。

序列化选项

JSON.parse()方法可以接收三个参数：第一个参数就是要序列化的JavaScript对象，第二个参数是个过滤器，可以是一个数组，也可以是一个函数，第三个参数是个选项，表示是否在JSON字符串中保留空格和缩进。

过滤结果

如果第二个参数是一个数组，那么JSON.parse()的结果将 只包含数组中列出的属性。

var book = {
    title : "a good book",
    authors : "zhang",
    edition : 3,
    year : 2017
};

//数组中列出的属性是title、year，那么JSON字符串中只保留这两个属性及属性值。
var jsonText = JSON.stringify(book, ["title", "year"]);

JSON.parse()输出的结果为：

{"title":"a good book","year":2017}

结果中只保留了"title"和"year"这两个属性。

如果第二个参数是一个函数，那么此函数接收两个参数：属性名和属性值，根据属性名可以知道如何处理要序列化的对象中的属性。

JSON字符串缩进

JSON.stringify*()方法中的第三个参数用于控制结果中的空格和缩进。

如果是参数数值，注：最大缩进数为10，如果设置的缩进数大于10，则转换成10。

var book = {
    title : "a good book",
    authors : "zhang",
    edition : 3,
    year : 2017
};

//结果中以4为缩进数
var jsonText = JSON.stringify(book, [book, null, 4]);

输出结果：

{
    title : "a good book",
    authors : "zhang",
    edition : 3,
    year : 2017
}

字符间的缩进数为4， 当设置有效的缩进参数时，那么结果中也会包含换行符，如果只有缩进而无换行，那么缩进也没有多大意义。

当第三个参数（缩进参数）不是数字，而是其它字符时，那么就以此字符中缩进，如：

var book = {
    title : "a good book",
    authors : "zhang",
    edition : 3,
    year : 2017
};

//结果中以"--"为缩进数
var jsonText = JSON.stringify(book, [book, null, "--"]);

输出结果：

{
--title : "a good book",
--authors : "zhang",
--edition : 3,
--year : 2017
}

"--"代替了缩进空格。至于换行，则是因为有效的缩进"--"的结果。

注：同理，当以字符为缩进参数时，字符的长度也不能超过10个字符，如果超过10个字符，那么只显示前10个字符。

toJSON()方法

toJSON()方法返回自身的JSON数据格式。如果对象中有这个方法，则优先执行该方法，且能通过它取得有效值的话，返回该方法的值。执行完这个方法后，才开始序列化对象。

可以为任何对象添加toJSON()方法：

var book = {
    title : "a good book",
    authors : "zhang",
    edition : 3,
    year : 2017
    toJSON : function () {
        return this.title;
    }
};

var jsonText = JSON.stringify(book, [book]);

此对象定义了一个toJSON()方法，返回"title"的值。那么 这个对象将被序列化为一个字符串而非对象了。可以让toJSON()方法返回任何值，它才能正常工作。

理解序列化的内部顺序：