JSON 语法规则
JSON 语法是 JavaScript 对象表示语法的子集。
- 数据在名称/值对中
- 数据由逗号分隔
- 大括号 {} 保存对象
- 中括号 [] 保存数组,数组可以包含多个对象
JSON 名称/值对
JSON 数据的书写格式是:
key : value
名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:
"name" : "小镭学json"
这很容易理解,等价于这条 JavaScript 语句:
name = "小镭学json"
JSON 值
JSON 值可以是:
- 数字(整数或浮点数)
- 字符串(在双引号中)
- 逻辑值(true 或 false)
- 数组(在中括号中)
- 对象(在大括号中)
- null
JSON 数字
JSON 数字可以是整型或者浮点型:
{ "age":99 }
JSON 对象
JSON 对象在大括号 {} 中书写:
{key1 : value1, key2 : value2, ... keyN : valueN }
对象可以包含多个名称/值对:
{ "name":"小镭学json" , "tall":"180" }
这一点也容易理解,与这条 JavaScript 语句等价:
name="小镭学json"
tall="180"
JSON 数组
JSON 数组在中括号 [] 中书写:
数组可包含多个对象:
[ { key1 : value1-1 , key2:value1-2 }, { key1 : value2-1 , key2:value2-2 }, { key1 : value3-1 , key2:value3-2 }, ... { keyN : valueN-1 , keyN:valueN-2 }, ]
{ "sites": [ { "name":"小镭" , "age":"3" },
{ "name":"小黑" , "age":"99" },
{ "name":"小小" , "age":"111" } ] }
在上面的例子中,对象 sites 是包含三个对象的数组。每个对象代表一条关于某个人(name、age)的记录。
JSON 布尔值
JSON 布尔值可以是 true 或者 false:
{ "flag":true }
JSON null
JSON 可以设置 null 值:
{ "age":null }
JSON 使用 JavaScript 语法
因为 JSON 使用 JavaScript 语法,所以无需额外的软件就能处理 JavaScript 中的 JSON。
通过 JavaScript,可以创建一个对象数组,并像这样进行赋值:
实例
var sites= [ { "name":"小镭" , "age":"3" },
{ "name":"小黑" , "age":"99" },
{ "name":"小小" , "age":"111" } ] ;
可以像这样访问 JavaScript 对象数组中的第一项(索引从 0 开始):sites[0].name;
返回的内容是:小镭
可以像这样修改数据:
sites[0].age="999";
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小镭学json</title>
</head>
<body>
<h2>JavaScript 创建 JSON 对象</h2>
<p>姓名: <span id="name"></span></p>
<p>年龄: <span id="age"></span></p>
<script>
var sites= [ { "name":"小镭" , "age":"3" },
{ "name":"小黑" , "age":"99" },
{ "name":"小小" , "age":"111" } ] ;
document.getElementById("name").innerHTML=sites[1].name;
sites[1].age="一百岁"; // 修改年龄
document.getElementById("age").innerHTML=sites[1].age;
</script>
</body>
</html>