for (var i in obj/array){}
for...in 缺陷:性能问题,不输出obj的内置成员,内置成员重写后,ie下仍不显示。
在跨浏览器的设计中,我们不能依赖于for in来获取对象的成员名称。
for...in对调试非常有用,显示对象的所有属性的名字和值的列表。
Navigator对象包含了访客的浏览器名称、版本以及更多信息
<SCRIPT LANGUAGE="JScript">
var LANG = navigator.browserLanguage;
for (var i in navigator)
{
alert(navigator[i]);
document.write(i+" : "+navigator[i]+" , type: "+typeof(navigator[i]) + "<br/>");
}
</script>
结果如下:
appCodeName : Mozilla , type: string
appName : Microsoft Internet Explorer , type: string
appMinorVersion : 0 , type: string
cpuClass : x86 , type: string
platform : Win32 , type: string
plugins : , type: object
opsProfile : null , type: object
userProfile : null , type: object
systemLanguage : zh-cn , type: string
userLanguage : zh-cn , type: string
appVersion : 4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648) , type: string
userAgent : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648) , type: string
onLine : true , type: boolean
cookieEnabled : true , type: boolean
mimeTypes : , type: object
使用 javascript 小心 IE。这个大家都清楚,自不必多说。如果 javascript 中引用了第三方代码,或会被别人用到,for…in 最好不用。prototype 也尽量少用。
for in 语句用来列举对象的属性(成员),如下
Js代码
-
var obj = { name:"jack",
-
getName:function(){return this.name}
-
};
-
//输出name,getName
-
for(var atr in obj) {
-
alert(atr);
-
}
不知注意了吗,没有输出obj的toString,valueOf等内置属性(或称内置成员,隐藏属性和预定义属性)。即for in用来列举对象的显示成员(自定义成员)。
如果重写了内置属性呢,下面就重写obj的toString
Js代码
-
var obj = {name:"jack",
-
getName:function(){return this.name},
-
toString:function(){return "I'm jack."}
-
};
-
-
for(var atr in obj) {
-
alert(atr);
-
}
会输出什么呢?
1、IE6/7/8 下和没有重写toString一样,输出name,getName
2、firefox3/chrome2/opera9/safari4下则输出name,getName,toString
总结下:在跨浏览器的设计中,我们不能依赖于for in来获取对象的成员名称。即使用,要小心谨慎。