JS For...In声明遍历对象字面量

2013-04-17 12:04 12475 次阅读分类: JS+jQuery, 前端相关 1 条评论

免打扰阅读

For...In 声明用于对数组或者对象的属性进行循环操作
for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

for ...in声明对于对象字面量的操作还是相当实用的！

语法：

for (变量 in 对象)
{
    在此执行代码
}

“变量”指定的可以是数组元素的下标索引，也可以是对象的属性。

实例：

<div id="demo">   </div> <p> <script type="text/javascript"> var mycars ={a:"a1",b:"b1",c:"c1",d:"d1"}; var str='{a:"a1",b:"b1",c:"c1",d:"d1"}'; var temp=""; for (x in mycars) { temp+="数组索引或对象属性："+x+" 对应的值："+mycars[x]+"<br/>"; } document.getElementById("demo").innerHTML=str+"<br/>"+temp; </script> </p>

提示：你可以先修改部分代码再运行。

可以看到，实例中将对象的所有属性及其对应的值都循环输出来了！对数组的循环输出操作是一样的！当然了，还可以用for()来循环操作简单的数字索引类型的数组，但功能上远没有for..in来得强大！
另外jq中可以使用jQuery.each(object, [callback])这个通用例遍方法，可用于例遍对象和数组:

<p> <script type="text/javascript"> var mycars2 ={a:"a1",b:"b1",c:"c1",d:"d1"}; var str2='{a:"a1",b:"b1",c:"c1",d:"d1"}'; var temp2=""; $.each(mycars2,function(i,n){ //对mycars2数组元素内容 temp2+="数组索引或对象属性："+i+" 对应的值："+n+"<br/>"; }); $("#demo2").html(str2+"<br/>"+temp2); </script> </p> <div id="demo2">   </div>

提示：你可以先修改部分代码再运行。