什么是JSON

1.1 什么是JSON

  • JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式,目前使用特别广泛。
  • 采用完全独立于编程语言的文本格式来存储和表示数据。
  • 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。
  • 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

在 JavaScript 语言中,一切都是对象。要求和语法格式:

  • 对象表示为键值对,数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

JSON 使用 JavaScript 语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON库支持许多不同的编程语言。 

JSON 键值对是用来保存 JavaScript 对象的一种方式,和 JavaScript 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 “” 包裹,使用冒号 : 分隔,然后紧接着值:

JSON实例:

{"name": "LiLei"}
{"age": "12"}
{"sex": "男"}
{
    "employees": [
        { "firstName":"Bill" , "lastName":"Gates" },
        { "firstName":"George" , "lastName":"Bush" },
        { "firstName":"Thomas" , "lastName":"Carter" }
    ]
}

JSON 是 JavaScript 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。

var obj = {a: 'Hello', b: 'World'}; //这是一个对象,注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串,本质是一个字符串

JSON 和 JavaScript 对象互转

要实现从JSON字符串转换为JavaScript 对象,使用 JSON.parse() 方法:

var obj = JSON.parse('{"a": "Hello", "b": "World"}');
//结果是 {a: 'Hello', b: 'World'}

要实现从JavaScript 对象转换为JSON字符串,使用 JSON.stringify() 方法: 

var json = JSON.stringify({a: 'Hello', b: 'World'});
//结果是 '{"a": "Hello", "b": "World"}'

二、JSON和XML处理数据的区别

JSON 通常是用来进行前后端的数据交互的一种数据格式.

服务端转换成一个JSON格式的数据接口(作为文件或作为 HttpRequest),然后从 web 服务器上读取,然后将读取到的 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据

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

使用 XML步骤

  • 读取 XML 文档
  • 使用 XML DOM 来循环遍历文档
  • 读取值并存储在变量中

使用 JSON步骤

  • 读取 JSON 字符串
  • 用 eval() 处理 JSON 字符串

JSON和XML,都可以用来接收服务端的数据,xml需要通过xml解析器解析,而json可以直接js语法来进行解析 

JSON字符串转为JS对象

1、eval()

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

 

2、JSON.parse()

JSON.parse()是专门用来解析JSON字符串并返回对应的值

var txt = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"George" , "lastName":"Bush" },' +
'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
var obj = eval ("(" + txt + ")"); //必须把文本包围在括号中,这样才能避免语法错误:
console.log(JSON.parse(txt));


JS对象转为JSON字符串

3、JSON.stringify()
JSON.stringify()是用来返回与指定值对应的JSON字符串

et a = {"name":"tom"}
console.log(typeof JSON.stringify(a));        //'{"name":"tom"}'


JSON不能够存储Data类型的数据,不允许包含函数,如果需要则都必须先转为字符串形式.
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值