快速了解JSON及JSON的使用

时间:2023-02-12 20:00:48


JSON简介

JSON(JavaScriptObjectNotation,JS对象简谱)是一种轻量级的数据交换格式

JS对象简谱,那么JSON如何转换为JS对象:

JSON文本格式在语法上与创建 JavaScript 对象的代码相同。

由于这种相似性,无需解析器,JavaScript 程序能够使用内建的 eval() 函数,用 JSON 数据来生成原生的 JavaScript 对象。

优点:

  1. 易于人的阅读和编写
  2. 易于机器解析和生成
  3. 有效的提升网络传输效率

格式:

{"key":"value","key2":"value"}

JSON语法

  • 数据在 键/值对
  • 数据由逗号**,**分割
  • 使用 ​​\​​ 来转义字符
  • 使用 ​​{}​​来保存对象
  • 使用​​[]​​来保存数组

JSON 名称/值对

​key : value​

"name" : "ymm"

JSON的值可以是:

  • 数字
  • 字符串
  • 逻辑值
  • 数组
  • 对象
  • null

JSON对象

{
"key": {
"name": "ymm",
"age": 18
}
}

JSON 对象使用在大括号 {...} 中书写。

对象可以包含多个 **key/value(键/值)**对。

key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)

数组

JSON 数组在中括号中书写。

中括号 [] 保存的数组是值(value)的有序集合。一个数组以左中括号 [ 开始, 右中括号 ] 结束,值之间使用逗号 , 分隔。

{
"key":[1,2,3,4,5],


"key":[{
"name":"a",
"age":18
},{
"name":"b",
"age":19
}]
}

JSON的简单使用

JSON的最常见的用法,从服务器读取JSON数据,将JSON数据转换为js对象,然后在网页中使用

栗子:

  1. JS字符串(包含JSON语法)
var txtJson = '{ "star_male" : [' +
'{ "name":"鹿晗" , "age":26 },' +
'{ "name":"李易峰" , "age":29 },' +
'{ "name":"陈赫" , "age":31 } ]}';
  1. JS中有一个函数​​eval()​​可用于将JSON文本转换为JS对象
var obj = eval("(" + txtJson + ")");
  1. 输出运行值为:
alert("得到的值:" + obj.star_male[0].name);

快速了解JSON及JSON的使用