核心：记住，我只讲核心啊啊啊！！！
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]+"
"; } 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] + "
"; //去除ren2对象下的属性下的z下标遍历2次 } </script> </body> </html>
