学习周记9——Json

最新推荐文章于 2021-06-24 12:42:47 发布

原创最新推荐文章于 2021-06-24 12:42:47 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json

本文介绍了JSON的基本概念，包括其作为JavaScript语法的子集，详细阐述了JSON的语法规则，如名称/值对、数值、字符串、对象和数组，并提供了JSON对象和数组的示例。此外，还提到了JSON文件的类型和MIME类型。

Json

Json简介
语法规则
- JSON 名称/值对
JSON 值可以是：
JSON 对象
JSON 数组
JSON 使用 JavaScript 语法
JSON文件

Json简介

JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。

语法规则

JSON语法是JavaScript对象表示语法的子集：

数据在名称/值对中；
数据由逗号分隔；
大括号“{}”保存对象；
中括号“[]”保存数组，数组可以包含多个对象。

JSON 名称/值对

 "firstName" : "John"

等价于这条 JavaScript 语句：

firstName = "John"

JSON 值可以是：

数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null

JSON 对象

JSON 对象在花括号中书写：
对象可以包含多个名称/值对：

 { "firstName":"John" , "lastName":"Doe" }

它与下面这个JavaScript等价

firstName = "John"
lastName = "Doe"

JSON 数组

JSON 数组在方括号中书写：
数组可包含多个对象：

{
"employees": [
{ "firstName":"赵" , "lastName":"延" },
{ "firstName":"安" , "lastName":"雅文" },
{ "firstName":"宋" , "lastName":"金晶" }
]
}

对象 “employees” 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。

JSON 使用 JavaScript 语法

<body>
<h2>JavaScript 创建 JSON 对象</h2>
<p>第一个网站名称: <span id="name1"></span></p> 
<p>第一个网站修改后的名称: <span id="name2"></span></p> 

<script>
var sites = [
	{ "name":"runoob" , "url":"www.runoob.com" }, 
	{ "name":"google" , "url":"www.google.com" }, 
	{ "name":"微博" , "url":"www.weibo.com" }
];

document.getElementById("name1").innerHTML=sites[0].name;
// 修改网站名称
sites[0].name="菜鸟教程";
document.getElementById("name2").innerHTML=sites[0].name;
</script>

</body>