小码哥的IT人生

JSON 语法

JavaScript基础 2022-04-25 01:53:44小码哥的IT人生shichen

JSON 语法

JSON 语法是 JavaScript 语法的子集。

JSON 语法规则

JSON 语法衍生于 JavaScript 对象标记法语法:

  1. 数据在名称/值对中
  2. 数据由逗号分隔
  3. 花括号容纳对象
  4. 方括号容纳数组

JSON 数据- 名称和值

JSON 数据写为名称/值对。

名称/值由字段名称构成,后跟冒号和值:

示例代码:

"name":"Bill Gates"

JSON 名称需要双引号。而 JavaScript 名称不需要。

JSON – 求值为 JavaScript 对象

JSON 格式几乎等同于 JavaScript 对象。

在 JSON 中,键必须是字符串,由双引号包围:

JSON

{ "name":"Bill Gates" }

在 JavaScript 中,键可以是字符串、数字或标识符名称:

JavaScript

{ name:"Bill Gates" }

JSON 值

在 JSON 中,值必须是以下数据类型之一:

  1. 字符串
  2. 数字
  3. 对象(JSON 对象)
  4. 数组
  5. 布尔
  6. null

在 JavaScript 中,以上所列均可为值,外加其他有效的 JavaScript 表达式,包括:

  1. 函数
  2. 日期
  3. undefined

在 JSON 中,字符串值必须由双引号编写:

JSON

{ "name":"Bill Gates" }

在 JavaScript 中,您可以书写使用双引号或单引号的字符串值:

JavaScript

{ name:'Bill Gates' }

JSON 使用 JavaScript 语法

因为 JSON 语法由 JavaScript 对象标记法衍生而来,所以很少需要其他额外的软件来处理 JavaScript 中的 JSON。

通过 JavaScript,您能够创建对象并向其分配数据,就像这样:

示例代码:

var person =  { name : "Bill Gates", age : 62, city : "Seattle" };

您能够像这样访问 JavaScript 对象:

示例代码:

// 返回 Bill Gates
person.name;

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>访问 JavaScript 对象:</h1>
<p id="demo"></p>
<script>
var myObj, x;
myObj = { name: "Bill Gates", age: 62, city: "Seattle" };
x = myObj.name;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>

运行结果:

访问 JavaScript 对象:

Bill Gates

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

也可以像这样访问它:

示例代码:

// 返回 Bill Gates
person["name"];

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>使用括号表示法访问 JavaScript 对象:</h1>
<p id="demo"></p>
<script>
var myObj, x;
myObj = { name: "Bill Gates", age: 62, city: "Seattle" };
x = myObj["name"];
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>

运行结果:

使用括号表示法访问 JavaScript 对象:

Bill Gates

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

可以像这样修改数据:

示例代码:

person.name = "Steve Jobs";

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>修改 JavaScript 对象:</h1>
<p id="demo"></p>
<script>
var myObj, x;
myObj = { name: "Bill Gates", age: 62, city: "Seattle" };
myObj.name = "Steve Jobs";
document.getElementById("demo").innerHTML = myObj.name;
</script>
</body>
</html>

运行结果:

修改 JavaScript 对象:

Steve Jobs

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

也可以像这样修改它:

示例代码:

person["name"] = "Steve Jobs";

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>使用括号表示法修改 JavaScript 对象:</h1>
<p id="demo"></p>
<script>
var myObj, x;
myObj = { name: "Bill Gates", age: 62, city: "Seattle" };
myObj["name"] = "Steve Jobs";
document.getElementById("demo").innerHTML = myObj.name;
</script>
</body>
</html>

运行结果:

使用括号表示法修改 JavaScript 对象:

Steve Jobs

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

稍后,您将在本教程学到如何把 JavaScript 对象转换为 JSON。

JavaScript 数组用作 JSON

与将 JavaScript 对象用作 JSON 相同,JavaScript 数组也可以用作 JSON。

您将在本教程稍后学到更多有关 JSON 数组的知识。

JSON 文件

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

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024