JSONJavaScript对象表示法

Posted 码上加油站

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSONJavaScript对象表示法相关的知识,希望对你有一定的参考价值。

0 1

简介


概述

  • JSON: javascript Object Notation(JS对象表示法),一种轻量级的数据交换。

  • JSON 是存储和交换文本信息的语法。类似 XML。

  • JSON 比 XML 更小、更快,更易解析。

示例:


{    "sites": [ { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ]}


什么是json

  • JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)

  • JSON 是轻量级的文本数据交换格式

  • JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态(php,JSP,.NET)编程语言都支持JSON。

  • JSON 具有自我描述性,更易理解

为什么使用json

对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:

使用 XML

  • 读取 XML 文档

  • 使用 XML DOM来循环遍历文档

  • 读取值并存储在变量中


使用 JSON

  • 读取JSON字符串

  • 用 eval() 处理 JSON 字符串


json和xml的相同和不同

与 XML 相同之处

  • JSON 是纯文本

  • JSON 具有"自我描述性"(人类可读)

  • JSON 具有层级结构(值中存在值)

  • JSON 可通过 JavaScript 进行解析

  • JSON 数据可使用 AJAX 进行传输



与 XML 不同之处

  • 没有结束标签

  • 更短

  • 读写的速度更快

  • 能够使用内建的 JavaScript eval() 方法进行解析

  • 使用数组

  • 不使用保留字


为什么json比xml更好?

XML 比 JSON 更难解析。

JSON 可以直接使用现有的 JavaScript 对象解析。

针对 AJAX 应用,JSON 比 XML 数据加载更快,而且更简单:


使用 XML

  • 获取 XML 文档

  • 使用 XML DOM 迭代循环文档

  • 接数据解析出来复制给变量


使用 JSON

  • 获取 JSON 字符串

  • JSON.Parse 解析 JSON 字符串




0 2

语法


语法规则

JSON 语法是 JavaScript 对象表示语法的子集。

  • 数据在名称/值对中

  • 数据由逗号分隔

  • 大括号保存对象

  • 中括号保存数组

名称/值对

JSON 数据的书写格式是:名称/值对。

名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:

"name" : "码上加油站"

等价于这条 JavaScript 语句:

name = "码上加油站

json值

JSON 值可以是:

  • 数字(整数或浮点数)

  • 字符串(在双引号中)

  • 逻辑值(true 或 false)

  • 数组(在中括号中)

  • 对象(在大括号中)

  • null

json数字

JSON 数字可以是整型或者浮点型:

"age":20 }


json对象

JSON 对象在大括号({})中书写:

对象可以包含多个名称/值对:

"name":"张三" , "age":25}

与这条 JavaScript语句等价:

name = "张三"age25


json数组

JSON 数组在中括号中书写:

数组可包含多个对象:


{ "sites": [ { "name":"google" , "url":"www.google.com" },  { "name":"微博" , "url":"www.weibo.com" } ]}


在上面的例子中,对象 "sites" 是包含2个对象的数组。每个对象代表一条关于某个网站(name、url)的记录。

json布尔值

JSON 布尔值可以是 true 或者 false:


"flag":true }


json null

JSON 可以设置 null 值:

"name":null }

JSON 使用 JavaScript 语法

JSON使用JavaScript语法,无需额外的软件就能处理JavaScript 中的JSON。

通过 JavaScript,可以创建一个对象数组,并像这样进行赋值:


var sites = [ { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" }];

可以像这样访问 JavaScript 对象数组中的第一项(索引从 0 开始):


sites[0].name;

返回结果:

google

修改数据:


sites[0].name="码上加油站";


json文件

  • JSON 文件的文件类型是 ".json"

  • JSON 文本的 MIME 类型是 "application/json"

0 3

使用和注意事项


使用

JSON通常用于客户端与服务端交换数据。具体使用过程中会对json数据进行解析和转换处理!


如:从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据。


注意事项

  • JSON 不能存储 Date 对象。如果你需要存储 Date 对象,需要将其转换为字符串。之后再将字符串转换为 Date 对象。

  • JSON 不允许包含函数,但你可以将函数作为字符串存储,之后再将字符串转换为函数。



以上是关于JSONJavaScript对象表示法的主要内容,如果未能解决你的问题,请参考以下文章

爬虫JSONAjax,来了解一下!

JSON Javascript,解析 URL [重复]

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程