您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

JS for in遍历对象属性

时间:03-07来源:作者:点击数:

之前,我们介绍了两种方式获取 JSON 值,不过,JSON 中每个条目的访问如果要一一使用这些方式来访问,则显得有点烦琐。为了简化 JSON 条目的访问代码,我们可以使用 for-in 循环语句遍历访问 JSON 解析后得到的对象的每个属性来间接得到 JSON 的每个条目的值。

【例 1】使用 for-in 遍历 JSON 解析后得到的对象属性。

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>使用for-in遍历JSON解析后得到的对象属性</title>
<script>
   var json = '{"age":8,"company":"XXX公司", "city":["广州","深圳","珠海"],'+
                   '"ceo":{"firstName":"Jason","lastName":"Hunter"}}';

   var obj = JSON.parse(json);
  var num = 0;
  for(var item in obj){
     num++;
     console.log('第' + num + '个条目名称=' + item + ',它的值如下:');
     console.log(obj[item]);    
   }
</script>
</head>
<body>
</body>
</html>

上述代码在 Chrome 浏览器中的运行结果如图 1 所示。

使用for-in循环语句遍历JSON解析后得到的对象属性
图 1:使用 for-in 循环语句遍历 JSON 解析后得到的对象属性

从图 1 可看出,例 1 中的 item 就是 JSON 解析得到的 JS 对象的属性,其名称对应 JSON 的条目名称,即键/值对中的键名。可见,对 JSON 来说,for-in 的具体格式其实就是:for 属性名 in JSON 解析得到的 JS 对象,意思就是:遍历 JSON 解析得到的 JS 对象中的每个属性。

由例 1 可见,使用 for-in 可以遍历一个 JS 对象的所有属性,例如使用 for-in 遍历 window 内置对象的属性的代码如下所示:

for(var attr in window){
     console.log(attr + ": " + window[attr]);
}
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门