核心:记住,我只讲核心啊啊啊!!!
var ren={
"xing":"黄",
"ming":"菊华",
"kcheng":{
"ke01":"HTMl基础",
"ke02":"CSS基础",
"ke03":"JS基础"
}
};
连续的
document.getElementById("k01").innerHTML=ren.kcheng.ke01;
document.getElementById("k02").innerHTML=ren.kcheng["ke02"];
到底有何不同?
大家,对象是不是用属性就可以调用了呀
对象的对象里面的属性是不是直接.属性就可以调用了呀
那为什么ren.kcheng[“ke02”]; 呢你们想过没有,兄弟们
这代表的是kcheng属性里面的下标为ke02啊兄弟们
记住兄弟们,你想用对象也行,用数组也行啊
形式:用对象方式ren.kcheng.ke01;
用数组形式ren.kcheng[“ke02”];
json数据,既可以是数组也可以是对象啊,知道把,兄弟们
你们想过没有,他多起来不用数组存用什么存啊!!!!
唉,什么都教给你们,了,你们加油!!!
多起来就用数组存啦也可以对象存啦,兄弟们!
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<h2>访问 JSON 内嵌对象</h2>
<div>
姓:<span id="x01"></span><br>
名:<span id="m01"></span>
</div>
<div id="k01"></div>
<div id="k02"></div>
<script type="text/javascript">
var ren={
"xing":"黄",
"ming":"菊华",
"kcheng":{
"ke01":"HTMl基础",
"ke02":"CSS基础",
"ke03":"JS基础"
}
};
document.getElementById("x01").innerHTML=ren.xing;
document.getElementById("m01").innerHTML=ren.ming;
document.getElementById("k01").innerHTML=ren.kcheng.ke01;
document.getElementById("k02").innerHTML=ren.kcheng["ke02"];
//代表ren下的kcheng对象,kcheng对象下的ke02数组啊
//你直接用数组也可以哈
</script>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1.3-JSON 对象-访问对象值</title>
</head>
<body>
<h2>修改和删除</h2>
<div id="demo"></div><hr>
<div id="demo2"></div>
<script type="text/javascript">
var ren={"xing":"黄","ming":"菊华","dizhi":"浙江杭州"};
ren.xing="huang";//重新赋值
delete ren.dizhi;//删除ren对象下的dizhi属性
for(y in ren)//核心是遍历ren里面的对象,都把属性赋值给y,(这里是2次赋值,然后跳出完毕!!!)+为连接符
//问题?为什么dizhi没有,因为删除了呀老哥
{
document.getElementById("demo").innerHTML=document.getElementById("demo").innerHTML +ren[y]+"<br>";
}
var ren2={
"xing":"黄",
"ming":"菊华",
"kcheng":{
"ke01":"HTMl基础",
"ke02":"CSS基础",
"ke03":"JS基础"
}
};
ren2.kcheng.ke01="html";//重新赋值呀
delete ren2.kcheng.ke03;
for(z in ren2.kcheng) //遍历ren2对象.kcheng属性下的数据
//问题?为什么还是最后哪一个没有?
//因为删除了啊,老哥
//为什么不是HTMl基础而是html?
//唉,因为重新赋值1了呀
{
document.getElementById("demo2").innerHTML+= ren2.kcheng[z] + "<br>";
//去除ren2对象下的属性下的z下标遍历2次
}
</script>
</body>
</html>