码迷,mamicode.com
首页 > Web开发 > 详细

访问JSON对象值方法 for in 遍历属性和属性值

时间:2017-12-20 03:48:27      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:res   demo   对象   span   括号   ntb   json对象   color   div   

 

<body>

 <div id="demo"></div>

<script>

 

/*方法一:使用点号(.)来访问 JSON 对象的值*/

var myObj, x; //定义变量
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;
document.getElementById("demo").innerHTML = x;

 

/*方法二:使用中括号([])来访问属性的值*/

var myObj, x;

myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj["name"];
document.getElementById("demo").innerHTML = x;

 

/*for in遍历获取属性*/

var myObj = { "name":"runoob", "alexa":10000, "site":null };

for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }

 

/*for in遍历获取属性值*/

//在使用for遍历时,只能通过 myObj[x] 来获取相应属性的值,而不能使用 myObj.x

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {
document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}

 

 

</script>

</body>

访问JSON对象值方法 for in 遍历属性和属性值

标签:res   demo   对象   span   括号   ntb   json对象   color   div   

原文地址:http://www.cnblogs.com/liumangdashi/p/8067642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!