JSON学习整理

时间 2019-12-09

标签 json 学习整理栏目 JavaScript 繁體版

原文原文链接

　　这两天在学习Angular，顺便复习了一下JSON的使用方法。。虽然感受JSON很简单，可是每次想描述一下的时候又经常找不到词形容，仍是练的太少。。javascript

此次再也不是用本子记笔记，而是用word进行了整理，用Brackets来练习代码，边记边练，之后会放弃使用本子来记，发觉抄写了两本本子以后，不少内容仍是没记住。 java

JSON学习笔记

JavaScript Object Notation js对象表示法json

它是轻量级的文本数据交换格式，独立于语言*，具备自我描述性，更容易理解，json使用js语法来描述数据对象，可是json仍然独立于语言和平台，json解释器和json库支持不少不一样的编译语言，目前很是多的动态编译语言都支持json。数组

JSON - 转换为 JavaScript 对象

JSON文本格式在语法上与建立js对象的代码相同，服务器

因为这种类似性，无需解析器，js程序可以使用eval（）函数，用json数据来生成原生的js对象函数

JSON 语法规则

数据在名称/值对中包含在双引号之中工具

数据由逗号分隔学习

大括号保存对象url

中括号保存数组spa

例如json："name" : "菜鸟教程" 等价于js中这样书写： name = "菜鸟教程";

JSON 值：

能够是数字，字符串，逻辑值，数组，对象，null

数字： { “age” : 30 }

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

数组：

Sites是包含了三个对象的数组，每个对象有本身的name和url属性

JSON 使用 JavaScript 语法

由于 JSON 使用 JavaScript 语法，因此无需解析器就能处理js中的json。

这样就能够访问sites中的每一个对象的属性。 Sites[0].name；

也能够对json数据进行修改。

JSON 对象

对象语法 {“name”:”runoob” , “alexa”:1000,”site”null}

Json对象使用在大括号中书写，能够包含多个键值对，key必须是字符串，value是合法的json数据类型，key和value用冒号分割，每一个键值对中间用逗号分割。

可使用 . 来访问对象的值，也可使用中括号来访问对象的值，中括号之间是key，必须是字符串

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

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

for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }

循环对象的属性时，使用中括号[]来访问属性的值：

由于循环的时候x实际上指的是key，是字符串，因此不能直接用 . 来访问key的值

嵌套 JSON 对象

JSON 对象中能够包含另一个 JSON 对象：

一样能够修改对象对应属性的值，而且能够用delete来删除对象的属性

JSON 数组

使用数组最为json对象：

Var oJson = [“xxx”,”xxx”,”xxx”];

数组必须在中括号中书写，数组中的值必须是合法的json数据类型（数值，字符串，布朗，对象，数组或者null）

可使用索引来访问数组还有数组，对象中的数组。

也可使用for-in 来循环数组

JSON.parse()

JSON经常使用于与服务端交换数据，在接受服务器数据时通常是字符串

咱们可使用JSON.parse()方法将数据转化为js对象

语法： JSON.parse（text[，reviver]） text必须是一个有效地JSON字符串

在线工具检测：https://c.runoob.com/front-end/53。

Reviver可选，一个转换结果的函数，将为对象的每一个成员调用此函数。

从服务端接收 JSON 数据

若是从服务端接收的是数组的 JSON 数据，则 JSON.parse 会将其转换为 JavaScript 数组

JSON不能储存Date对象，若是你要储存Date对象，须要将其转化为字符串，以后再讲字符串转化为Date对象，时间对象

咱们能够启用JSON的第二个参数 reviver，一个转化结果的函数，对象的每一个成员调用该函数

解析函数

JSON不容许包含函数，可是你能够把函数做为字符串储存，而后再用eval（）将字符串解析为函数。

JSON.stringify()

JSON 一般用于与服务端交换数据。

在向服务器发送数据时通常是字符串。

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

简单来讲就是会把js对象转化为等价的JSON字符串

var foo = {bar:"new property",baz:3};

var jsonString = JSON.stringify(foo);

console.log(jsonString);//{"bar":"new property","baz":3}

语法：

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

value:

必需，一个有效的 JSON 字符串。

replacer:

可选。用于转换结果的函数或数组。

该参数能够是多种类型,若是是一个函数,则它能够改变一个javascript对象在字符串化过程当中的行为, 若是是一个包含 String 和 Number 对象的数组,则它将做为一个白名单.只有那些键存在域该白名单中的键值对才会被包含进最终生成的JSON字符串中.若是该参数值为null或者被省略,则全部的键值对都会被包含进最终生成的JSON字符串中

space:

可选，文本添加缩进、空格和换行符，若是 space 是一个数字，则返回值文本在每一个级别缩进指定数目的空格，若是 space 大于 10，则文本缩进 10 个空格。space 有可使用非数字，如：\t。

例以下面：

最后一个参数，space能够用来dump对象，将复杂的对象直观清晰地显示出来，例如：

结果很是清晰~！

JSON 不能存储 Date 对象。

JSON.stringify() 会将全部日期转换为字符串。

解析函数

JSON 不容许包含函数，JSON.stringify() 会删除 JavaScript 对象的函数，包括 key 和 value。

咱们能够在执行 JSON.stringify() 函数前将函数转换为字符串来避免以上问题的发生