快速了解JSON及JSON的使用

2022-12-19 08:35:39 浏览数 (1)

文章目录

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

JSON简介

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

JS对象简谱,那么JSON如何转换为JS对象: JSON文本格式在语法上与创建 JavaScript 对象的代码相同。 由于这种相似性,无需解析器,JavaScript 程序能够使用内建的 eval() 函数,用 JSON 数据来生成原生的 JavaScript 对象。

优点:

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

格式:

代码语言:javascript复制
{"key":"value","key2":"value"}

JSON语法

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

JSON 名称/值对

key : value

代码语言:javascript复制
"name" : "ymm"

JSON的值可以是:

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

JSON对象

代码语言:javascript复制
{
    "key": {
        "name": "ymm",
  		"age": 18
    }
}

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

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

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

数组

JSON 数组在中括号中书写。

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

代码语言:javascript复制
{
	"key":[1,2,3,4,5],
    
    
    "key":[{
    		"name":"a",
    		"age":18
		},{
         	"name":"b",
            "age":19
    }]
}

JSON的简单使用

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

栗子:

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

0 人点赞