for (var i in obj/array){}

Posted 2020-07-21 夜雨声繁

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代码  

1. var obj = { name:"jack",  

2.       getName:function(){return this.name}  

3. };  

4. //输出name,getName      

5. for(var atr in obj) {  

6.     alert(atr);  

7. }  

不知注意了吗，没有输出obj的toString，valueOf等内置属性（或称内置成员，隐藏属性和预定义属性）。即for in用来列举对象的显示成员（自定义成员）。

 

如果重写了内置属性呢，下面就重写obj的toString

Js代码  

1. var obj = {name:"jack",  

2.       getName:function(){return this.name},  

3.        toString:function(){return "I‘m jack."}  

4. };  

5.   

6. for(var atr in obj) {  

7.     alert(atr);  

8. }  

 

会输出什么呢？

1、IE6/7/8 下和没有重写toString一样，输出name,getName

2、firefox3/chrome2/opera9/safari4下则输出name,getName,toString

 

总结下：在跨浏览器的设计中，我们不能依赖于for in来获取对象的成员名称。即使用，要小心谨慎。