JavaScript对象-小练习

最新推荐文章于 2022-11-15 23:10:34 发布

大头酥

最新推荐文章于 2022-11-15 23:10:34 发布

阅读量164

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_72058032/article/details/126184212

版权

练习一

代码如下

var arr = {
	"imgComments": {
		"imgList": [{
				"imageId": 698391890,
				"content": "操作简单方便，使用舒适感强，声音小?",
				"creationTime": "2018-11-01 23:51:40",
				"nickname": "j***9",
				"productColor": "5050CC",
				"userLevelName": "银牌会员",
				"userClientShow": "来自京东Android客户端",
			},
			{
				"imageId": 698391889,
				"content": "还不错，老婆很喜欢",
				"creationTime": "2018-10-05 23:51:40",
				"nickname": "h***2",
				"productColor": "C550C0",
				"userLevelName": "钻石会员",
				"userClientShow": "来自京东iPhone客户端",
			}
		]
	}
}

<script>
	var list = arr.imgComments.imgList;
	document.write("<ul>");
	list.forEach(function(obj) {
		document.write("<li>");
		document.write(`订单编号：${obj.imageId}用户昵称：${obj.nickname}评论内容：${obj.content}评论时间：${obj.creationTime}会员等级：${obj.userLevelName} 来源：${obj.userClientShow}<br>`);
		document.write("</li>");
	})
	document.write("</ul>");
</script>

练习二

var mx = {
	"男明星": [{
			"name": "梁朝伟",
			"age": "40"
		},
		{
			"name": "刘德华",
			"age": "42"
		},
		{
			"name": "彭于晏",
			"age": "29"
		}
	],
	"女明星": [{
			"name": "刘嘉玲",
			"age": "40"
		},
		{
			"name": "张敏",
			"age": "41"
		},
		{
			"name": "张柏芝",
			"age": "30"
		},
		{
			"name": "朱茵",
			"age": "38"
		}
	]
}

<script>
		var male = mx.男明星;
		document.write("男明星:")
		document.write("<br>");
		male.forEach(function(obj) {
			for (var key in obj) {
				document.write(key + "-->" + obj[key] + "&emsp;");
			}
			document.write("<br>");
		})

		document.write("<br>");

		var female = mx.女明星;
		document.write("女明星:")
		document.write("<br>");
		female.forEach(function(obj) {
			for (var key in obj) {
			document.write(key + "-->" + obj[key] + "&emsp;");
		}
		document.write("<br>");
	})
</script>

练习三

var user = {
	"employees": [{
			"name": "shenmiweiyi",
			"QQ": 306451129,
			"email": "shenmiweiyi@163.com",
			"address": [{
					"City": "ZhengZhou",
					"ZipCode": "450000"
				},
				{
					"City": "BeiJing",
					"ZipCode": "100000"
				}
			]
		},
		{
			"name": "kehao",
			"QQ": 254892313,
			"email": "kehao@163.com",
			"address": [{
					"City": "ShangHai",
					"ZipCode": "200000"
				},
				{
					"City": "GuangZhou",
					"ZipCode": "510000"
				}
			]
		}
	]
}

<script>
		var user1 = user.employees;
		document.write("<ul>");
		user1.forEach(function(obj) {
			document.write("<li>");
			document.write(`名字:${obj['name']}<br>QQ:${obj['QQ']}<br>邮箱:${obj['email']}<br>地址:<br>`);
			var add = obj.address;
			add.forEach(function(obj) {
				document.write(`--城市:${obj['City']}<br>--邮编:${obj['ZipCode']}<br>`);
			})
			document.write("</li>");
		})
		document.write("</ul>");
</script>