JSON 对象

更新时间：2020-05-11 19:05

JSON 对象使用在大括号 {} 中书写。对象可以包含多个 key/value（键/值）对。key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。key 和 value 中使用冒号(:)分割。每个 key/value 对使用逗号(,)分割。

JSON实例
{
  "name": "95知识库",
  "alexa": 10000,
  "site": null
}
访问对象值
JavaScript使用点号（.）来访问对象的值：
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			95知识库(995w.com)
		</title>
	</head>
	<body>
		<p>
			你可以使用点号（.）来访问 JSON 对象的值：
		</p>
		<p id="demo">
		</p>
		<script>
			var myObj, x;
			myObj = {
				"name": "95知识库",
				"alexa": 10000,
				"site": null
			};
			x = myObj.alexa;
			document.getElementById("demo").innerHTML = x;
		</script>
	</body>

</html>

尝试一下>>


JavaScript使用中括号（[]）来访问对象的值：
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			95知识库(995w.com)
		</title>
	</head>
	<body>
		<p>
			你也可以使用中括号（[]）来访问 JOSN 对象的值：
		</p>
		<p id="demo">
		</p>
		<script>
			var myObj, x;
			myObj = {
				"name": "95知识库",
				"alexa": 10000,
				"site": null
			};
			x = myObj["name"];
			document.getElementById("demo").innerHTML = x;
		</script>
	</body>

</html>

尝试一下>>

循环对象
JavaScript使用 for-in 来循环对象的属性：
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			95知识库(995w.com)
		</title>
	</head>
	<body>
		<p>
			使用 for-in 来循环对象的属性:
		</p>
		<p id="demo">
		</p>
		<script>
			var myObj = {
				"name": "95知识库",
				"alexa": 10000,
				"site": null
			};
			for (x in myObj) {
				document.getElementById("demo").innerHTML += x + "<br>";
			}
		</script>
	</body>

</html>

尝试一下>>


JavaScript在 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值：
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			95知识库(995w.com)
		</title>
	</head>
	<body>
		<p>
			在 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值：
		</p>
		<p id="demo">
		</p>
		<script>
			var myObj = {
				"name": "95知识库",
				"alexa": 10000,
				"site": null
			};
			for (x in myObj) {
				document.getElementById("demo").innerHTML += myObj[x] + "<br>";
			}
		</script>
	</body>

</html>

尝试一下>>

嵌套 JSON 对象
JSON 对象中可以包含另外一个 JSON 对象：
myObj = {
    "name":"95知识库",
    "alexa":10000,
    "sites": {
        "site1":"www.995w.com",
        "site2":"t.995w.com",
        "site3":"www.luofenming.com"
    }
}
JavaScript使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。
x = myObj.sites.site1;
// 或者
x = myObj.sites["site1"];
JavaScript使用点号(.)来修改 JSON 对象的值：
myObj.sites.site1 = "www.google.com";
JavaScript使用中括号([])来修改 JSON 对象的值：
myObj.sites["site1"] = "www.google.com";


删除对象属性
JavaScript使用 delete 关键字来删除 JSON 对象的属性：
delete myObj.sites.site1;
JavaScript使用中括号([])来删除 JSON 对象的属性：
delete myObj.sites["site1"]