快速了解JSON及JSON的使用

文章目录

• JSON简介
• JSON语法
  • JSON 名称/值对
  • JSON对象
  • 数组
• JSON的简单使用

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);

image-20221218210957060