访问json对象中值

你可以使用点号(.)来访问对象的值;你也可以使用中括号([])来访问对象的值。注意:myjson1["name"] 这里的键名必须 写在双引号 或 单引号 中。

	<ul id="jsonLi"></ul>
		
		<script>
			 // 创建json对象
			  var myjson1 = {
			        "name":"tom", //值 可以是 字符串
			        "age":19, //值 可以是 数字
			        "hobby":['登山','旅游','看书','打球'], //值 可以是 数组
			        "sex": true, //值 可以是 布尔值
			        "info":null ,//值 可以是 null
					}
					// 访问json对象中值
					// 也可以使用中括号([])来访问对象的值
					// 注意:在[]中要写“或”
					console.log(myjson1["name"]);
					
					
					// 访问json对象中的键名  写法 json对象.键名
					console.log(myjson1.name);
					
					console.log(myjson1.hobby);
					
					// 遍历
					myjson1.hobby.forEach((item)=>{
						document.querySelector('#jsonLi').innerHTML += `<li>${item}</li>`;
					})
		</script>

预览效果

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值