json基础+实例（4）

2020-05-04 13:37:47 阅读：292 来源： 互联网

标签：info www name ke 基础 json 实例 myobj com

兄弟们，俺只讲核心哈
就讲修改和删除把
//修改

myobj.ke[0]= "HTML教程"
        var i,x="";
		for(i in myobj.ke)
		{
			x = x + i + " | " + myobj.ke[i] + "<br>"
		}
		document.getElementById("demo02").innerHTML = x;

核心在于覆盖
其他的有不懂的同学请看123哈，你真会跳啊兄dei

在这里插入图片描述

//删除

delete myobj.ke[2]
		var j,y = "";
		for(j=0;j<myobj.ke.length;j++)
		{
			y = y + myobj.ke[j] + "<br>"
		}
		document.getElementById("demo03").innerHTML = y;

	核心在于删除delete myobj.ke[2]，因为没有了，浏览器以为你没写就undefined啊，兄dei

在这里插入图片描述

<!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 数组04-对象中的数组-修改和删除</h2>
    
	<div id="demo01"></div><hr>
    <div id="demo02"></div><hr>
    <div id="demo03"></div>
 
    
    <script type="text/javascript">
 		var myobj;
		myobj={
			"xm":"黄菊华",
			"num":3,
			"ke":["html","css","js"]
			}
		document.getElementById("demo01").innerHTML =myobj.ke[0]+"<br>";
		document.getElementById("demo01").innerHTML = document.getElementById("demo01").innerHTML + myobj.ke[1]+"<br>";
		document.getElementById("demo01").innerHTML = document.getElementById("demo01").innerHTML + myobj.ke[2]+"<br>";

		//修改
		myobj.ke[0]= "HTML教程"
        var i,x="";
		for(i in myobj.ke)
		{
			x = x + i + " | " + myobj.ke[i] + "<br>"
		}
		document.getElementById("demo02").innerHTML = x;
		
		//删除
		delete myobj.ke[2]
		var j,y = "";
		for(j=0;j<myobj.ke.length;j++)
		{
			y = y + myobj.ke[j] + "<br>"
		}
		document.getElementById("demo03").innerHTML = y;
		
		
		
	</script>


</body>
</html>

兄弟们，核心来了，超级嵌套
！！！！
记住了，兄弟们，对象里面的是属性，数组里面的是下标从0开始的下标，核心哈·
比如这里面是吧·，对象里面的属性有name num sites
sites属性里面的数组下标为
1{“name”:“淘宝”,“info”:[“购物网站”,“www.taobao.com”,“电商”]},
2{“name”:“QQ”,“info”:[“综合网站”,“www.qq.com”,“综合”]},
3{“name”:“百度”,“info”:[“搜索网站”,“www.baidu.com”,“搜索”]}
记住了，我前面说过了，属性里面也可以写数组的哈
然后是对象里面的属性是name info
然后是对象里面的属性是数组
0[“购物网站”,“www.taobao.com”,“电商”]
1[“综合网站”,“www.qq.com”,“综合”]
2[“搜索网站”,“www.baidu.com”,“搜索”]
就这么简单，知道把

obj = {
			"name":"网站",
			"num":3,
			"sites":[
				{"name":"淘宝","info":["购物网站","www.taobao.com","电商"]},
				{"name":"QQ","info":["综合网站","www.qq.com","综合"]},
				{"name":"百度","info":["搜索网站","www.baidu.com","搜索"]}
			]
		}

<!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>1JSON 数组05-复杂的嵌套</h2>
    
	<div id="demo01"></div>
 
 
    
    <script type="text/javascript">
 		var obj,i,j,x ="";
		obj = {
			"name":"网站",
			"num":3,
			"sites":[
				{"name":"淘宝","info":["购物网站","www.taobao.com","电商"]},
				{"name":"QQ","info":["综合网站","www.qq.com","综合"]},
				{"name":"百度","info":["搜索网站","www.baidu.com","搜索"]}
			]
		}
		
		for(i in obj.sites)//遍历sites属性中的数组有3个
		{
			x = x + "<h1>" + obj.sites[i].name + "</h1>"//三次
			//然后是第一个（）下标0）name的值是：
			for(j in obj.sites[i].info)//然后是获取到"info":["购物网站","www.taobao.com","电商"]了，三次
			{
				x = x + obj.sites[i].info[j] + "<br>";//然后遍历要下{"name":"淘宝","info":["购物网站","www.taobao.com","电商"]},一共九次
				//里面的["购物网站","www.taobao.com","电商"]，之后的按照我的思路进行就行了
			}
		}
		
		document.getElementById("demo01").innerHTML =x;
		
	</script>


</body>
</html>

在这里插入图片描述
OK了，大家多想想就明白了，拜拜！！！！！

标签：info,www,name,ke,基础,json,实例,myobj,com
来源： https://blog.csdn.net/qq_37805832/article/details/105902282

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

json基础+实例（4）