JSON基础入门实战讲解（）基础+实例2（原力计划的啊）

贵哥的编程之路(热爱分享)

于 2020-05-02 14:56:42 发布

阅读量420

点赞数 1

分类专栏： JSON

本文链接：https://blog.csdn.net/qq_37805832/article/details/105890128

版权

JSON 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

核心：记住，我只讲核心啊啊啊！！！

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>

在这里插入图片描述

贵哥的编程之路(热爱分享)

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
2
评论
JSON基础入门实战讲解（）基础+实例2（原力计划的啊）

核心：记住，我只讲核心啊啊啊！！！var ren={ "xing":"黄", "ming":"菊华", "kcheng":{ "ke01":"HTMl基础", "ke02":"CSS基础", "ke03":"JS基础" } };连续的document.getElementById("k01").innerHTML=ren.kcheng...
复制链接

扫一扫