JSON教程一

最新推荐文章于 2021-03-26 22:15:59 发布

ZHOU_VIP

最新推荐文章于 2021-03-26 22:15:59 发布

阅读量182

点赞数

分类专栏：大前端

本文链接：https://blog.csdn.net/ZHOU_VIP/article/details/108724431

版权

大前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

JSON - 简介

JSON 或者 JavaScript 对象表示法是一种轻量级的基于文本的开放标准，被设计用于可读的数据交换。

JSON 格式最初由 Douglas Crockford 提出，使用 RFC 4627 描述。

JSON 的官方网络媒体类型是 application/json。JSON 的文件名扩展是 .json。

JSON：JavaScript Object Notation(JavaScript 对象表示法)

JSON 是存储和交换文本信息的语法，类似 XML。

JSON 比 XML 更小、更快，更易解析。

JSON 实例：

{
    "employees": [
        { "firstName":"John" , "lastName":"Doe" },
        { "firstName":"Anna" , "lastName":"Smith" },
        { "firstName":"Peter" , "lastName":"Jones" }
    ]
}

这个 employee 对象是包含 3 个员工记录（对象）的数组。

JSON 实例：

<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>

<p>
Name: <span id="jname"></span><br>  
Age: <span id="jage"></span><br> 
Address: <span id="jstreet"></span><br> 
Phone: <span id="jphone"></span><br> 
</p>  

<script>
var JSONObject = {
  "name":"John1 Johnson",
  "street":"Oslo West 16", 
  "age":33,
  "phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name  
document.getElementById("jage").innerHTML=JSONObject.age  
document.getElementById("jstreet").innerHTML=JSONObject.street  
document.getElementById("jphone").innerHTML=JSONObject.phone  
</script>

</body>
</html>


运行结果:
JSON Object Creation in JavaScript
Name: John1 Johnson
Age: 33
Address: Oslo West 16
Phone: 555 1234567

JSON 语法

JSON 的语法基本上可以视为 JavaScript 语法的一个子集，包括以下内容：

数据使用名/值对表示。
使用大括号保存对象，每个名称后面跟着一个 ':'（冒号），名/值对使用 ,（逗号）分割。
使用方括号保存数组，数组值使用 ,（逗号）分割。

JSON 支持以下两种数据结构：

名/值对集合： 这一数据结构由不同的编程语言支持。
有序的值列表： 包括数组，列表，向量或序列等等。

JSON 语法规则

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

JSON 语法规则不复杂，它参考了 C 语言家族的一些习惯，学习起来并不会感到陌生。

数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组

JSON 名称/值对

JSON 数据的书写格式是：名称/值对

"firstName" : "John"

JSON 值

JSON 值可以是：

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

JSON 对象

JSON 对象在花括号（{}）中书写：

对象可以包含多个名称/值对：

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

JSON 数组

JSON 数组在方括号中书写：

数组可包含多个对象：

{      
 "employees": [        
 { "firstName":"John" , "lastName":"Doe" },        
 { "firstName":"Anna" , "lastName":"Smith" },        
 { "firstName":"Peter" , "lastName":"Jones" }        
 ]        
}

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

JSON 布尔值

JSON 布尔值可以是 true 或者 false：

{ "flag":true }

JSON null

JSON 可以设置 null 值：

{ "w3cschool":null }

JSON 使用 JavaScript 语法

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

var employees = [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName": "Jones" }
];

可以像这样访问 JavaScript 对象数组中的第一项：
employees[0].lastName;  //Doe


可以像这样修改数据：
employees[0].firstName = "Jonatan";

例子：

<!DOCTYPE html>
<html>
<body>
<h2>Create Object from JSON String</h2>
<p>First Name: <span id="fname"></span></p> 

<script>
var employees = [
{ "firstName" : "John" , "lastName" : "Doe" }, 
{ "firstName" : "Anna" , "lastName" : "Smith" }, 
{ "firstName" : "Peter" , "lastName" : "Jones" }, ];
employees[1].firstName="Jonatan";
document.getElementById("fname").innerHTML=employees[1].firstName;
</script>

</body>
</html>


Create Object from JSON String
First Name: Jonatan

JSON 文件

JSON 文件的文件类型是 ".json"
JSON 文本的 MIME 类型是 "application/json"

ZHOU_VIP

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JSON教程一

JSON- 简介JSON 或者 JavaScript 对象表示法是一种轻量级的基于文本的开放标准，被设计用于可读的数据交换。JSON 格式最初由 Douglas Crockford 提出，使用 RFC 4627 描述。JSON 的官方网络媒体类型是application/json。JSON 的文件名扩展是.json。JSON：JavaScriptObjectNotation(JavaScript对象表示法)JSON 是存储和交换文本信息的语法，类似 XML。JSON 比...
复制链接

扫一扫