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

Posted 流氓大师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了访问JSON对象值方法 for in 遍历属性和属性值相关的知识,希望对你有一定的参考价值。

 

<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 遍历属性和属性值的主要内容,如果未能解决你的问题,请参考以下文章

js for in 遍历对象与数组

for in 遍历json

for in for of区别

如何遍历一个JS对象中的所有属性

JavaScript中的遍历

5种js遍历对象属性的方法