JavaScript 之 JSON [1]介绍、语法、值

JavaScript 之 JSON [1]介绍、语法、值

1、简介

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
JSON 是轻量级的文本数据交换格式
JSON 使用 Javascript语法来描述数据对象，但 JSON 仍独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，.NET，JSP等）编程语言都支持JSON。
JSON 具有自我描述性，更易理解；是存储和交换文本信息的语法，类似 XML，但JSON 比 XML 更小、更快，更易解析。
JSON 易于人阅读和编写。C、Python、C++、Java、PHP、Go等编程语言都支持 JSON。
JSON 文件的文件类型是 .json ，JSON 文本的 MIME 类型是 application/json

<script>
var JSONObject= {
    "name":"滔Roy",
    "date":"2023.04.14"
};
document.getElementById("cName").innerHTML=JSONObject.name 
document.getElementById("cDate").innerHTML=JSONObject.date
</script>　　

2、语法规则
JSON 语法是 JavaScript 对象表示语法的子集。

数据在名称 / 值对中
数据由逗号 , 分隔
使用斜杆 \ 来转义字符
大括号 { } 保存对象
中括号 [ ] 保存数组，数组可以包含多个对象

JSON 的两种结构：

对象：大括号 {} 保存的对象是一个无序的名称/值对集合。一个对象以左括号 { 开始，右括号 } 结束。每个"键"后跟一个冒号 :，名称/值对使用逗号 , 分隔。
数组：中括号 [] 保存的数组是值（value）的有序集合。一个数组以左中括号 [ 开始，右中括号 ] 结束，值之间使用逗号 , 分隔。

3、JSON值，可以是以下6种类型之一：字符串、数字、布尔值、null、数组和对象。

var jDate = {
  "name": "滔Roy",    // 字符串值
  "year":2023,   // 数字值
  "isMale": true,   // 布尔值  flase
  "address": null,   // null值
  "hobbies": ["reading", "traveling"],  //数组值
  "education": {    // 对象值
    "school": "ABC University", 
    "degree": "Bachelor"
  }
};

数组对象，即数组里面又有对象的表示方式

var cSites = [
    { "name":"滔Roy" , "year":2023 }, 
    { "name":"博客园" , "url":"www.cnblogs.com" }
];
 
//访问方式
cSites[0].name;   // '滔Roy'
cSites[0].year;  //2023
 
//修改数据的方式 
cSites[0].name="TaoRoy"