码迷,mamicode.com
首页 > Web开发 > 详细

JSON 语法

时间:2017-09-08 10:09:46      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:一点   efi   pad   span   ntb   img   通过   element   ack   

ylbtech-JSON: JSON 语法

JSON 语法是 JavaScript 语法的子集。

1. JSON 语法规则返回顶部
JSON 语法是 JavaScript 对象表示语法的子集。
1. 数据在名称/值对中
2. 数据由逗号分隔
3. 花括号保存对象
4. 方括号保存数组
 
2. JSON 名称/值对返回顶部
JSON 数据的书写格式是:名称/值对。
名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:
“firstName”:"John"

这很容易理解,等价于这条 JavaScript 语句:

firstName="John"

 

3. JSON 值返回顶部
JSON 值可以是:
1. 数字(整数或浮点数)
2. 字符串(在双引号中)
3. 逻辑值(true 或 false)
4. 数组(在方括号中)
5. 对象(在花括号中)
6. null
 
4. JSON 对象返回顶部
JSON 对象在花括号中书写:
对象可以包含多个名称/值对:
{"firstName":"John","lastName":"Doe"}

这一点也容易理解,与这条 JavaScript 语句等价:

firstName="John"
lastName="Doe"

 

5. JSON 数组返回顶部
JSON 数组在方括号中书写:
数组可包含多个对象:
{
"employee":[
{"firstName":"John","lastName":"Doe"},
{"firstName":"Anna","lastName":"Smith"},
{"firstName":"Peter","lastName":"Jones"}
]
}

在上面的列子中,对象“employee”是包含三个对象的数组。每个对象代表一条关于某人(有姓和名)的记录。

 
6. JSON 使用 JavaScript 语法 返回顶部
因为 JSON 使用 JavaScript 语法,所以无需额外的软件就能处理 JavaScript 中的 JSON。
通过 JavaScript,您可以创建一个对象数组,并像这样进行赋值:
实例 可以像这样访问 JavaScript 对象数组中的第一项:返回的内容是:可以像这样修改数据:
var employee=[
{"firstName":"John","lastName":"Doe"},
{"firstName":"Anna","lastName":"Smith"},
{"firstName":"Peter","lastName":"Jones"}
];

代码

<!DOCTYPE html>
<html>
<body>
    <h2>Create Object from JSON String</h2>
    <p>First Name:<span id="fname"></span></p>
    <script>
        var employee = [
     { "firstName": "John", "lastName": "Doe" },
     { "firstName": "Anna", "lastName": "Smith" },
     { "firstName": "Peter", "lastName": "Jones" }
        ];
        employee[1].firstName = "Jonatan";
        document.getElementById("fname").innerHTML = employee[1].firstName;
    </script>
</body>
</html>

 结果

技术分享

在下面的章节,您将学到如何把 JSON 文件转换为 JavaScript 对象。

 
7. JSON 文件返回顶部
1. JSON 文件的文件类型是“.json”
2. JSON 文本的 MIME 类型是“application/json”
 
8.返回顶部
 
9.返回顶部
 
10.返回顶部
 
 
11.返回顶部
 
技术分享 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

JSON 语法

标签:一点   efi   pad   span   ntb   img   通过   element   ack   

原文地址:http://www.cnblogs.com/ylbtech/p/7487929.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!