0
点赞
收藏
分享

微信扫一扫

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性


JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性

1.JSON对象

JSON 对象使用在大括号{}中书写。对象可以包含多个 key/value(键/值) 对。

key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。key 和 value 中使用冒号(:)分割。每个 key/value 对使用逗号(,)分割。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象详解</title>
</head>
<body>

<script>// 对象采用键值对
var obj = {
"name" : "Alan_Lowe",
"age" : 20,
"gender" : "male"
}
// 访问
var x = obj.name;
var y = obj["age"];
document.write(x + " " + y);</script>

</body>
</html>

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性_json对象

2.循环对象

使用for-in可以访问对象的属性,类似于C++STL的auto x : s

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象详解</title>
</head>
<body>

<script>// 对象采用键值对
var obj = {
"name" : "Alan_Lowe",
"age" : 20,
"gender" : "male"
}
// 循环对象,使用for-in
for(x in obj){
document.write(obj[x] + "<br>");
}</script>

</body>
</html>

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性_html_02

3.嵌套对象

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象详解</title>
</head>
<body>

<script>// 嵌套对象,即对象内放对象,和对象数组类似
var obj = {
"name" : "Alan_Lowe",
"age" : 20,
"gender" : "male",
"hobby" : {
"hobby1" : "篮球",
"hobby2" : "足球"
}
}
var x = obj.hobby["hobby1"];
document.write(x);</script>

</body>
</html>

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性_json对象_03

4.修改值

直接等号修改:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象详解</title>
</head>
<body>

<script>// 修改值对象属性
var obj = {
"name" : "Alan_Lowe",
"age" : 20
}
obj["name"] = "Alan";
document.write(obj.name);</script>

</body>
</html>

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性_html5_04

5.删除对象属性

使用delete:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象详解</title>
</head>
<body>

<script>// 删除对象属性
var obj = {
"name" : "Alan",
"age" : 20
}
for(x in obj){
document.write(obj[x] + " ");
}
document.write("<br>");
delete obj.name;
for(x in obj){
document.write(obj[x] + " ");
}</script>

</body>
</html>

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性_json_05


举报

相关推荐

0 条评论