IE8对JS通过属性和数组遍历解析不一样的地方探讨

以文谨记在此被浏览器版本差异的坑。
代码如下:

Array.prototype.Contains = function (str) { 
if (!str) 
return false; 
for (var i = 0; i < this.length; i++) { 
if (this[i] == str) { 
return true; 
} 
} 
return false; 
} 
var tmp = new Array(); 
tmp.push("1"); 
tmp.push("2"); 
tmp.push("3"); 
alert("遍历属性"); 
for ( var i in tmp ) { 
alert(tmp[i]); 
} 
alert("遍历数组"); 
for ( var i=0;i<tmp.length;i++ ) { 
alert(tmp[i]); 
} 
 
如果是非IE8浏览器，例如（IE7、IE9、Chrome、FF，仅测试这几种） 
通过属性和数组遍历，其结果是一样的。 
但对于IE8，结果会有一点小小的差异，在IE8下会把原型链扩展方法当做一个属性

输出，大家可以测试一下。

之所以发现这个差异，也是因为解决了一个诡异的bug，有同事在代码里面使用for ( var i in tmp )这种方式来遍历数组的每个元素，如果正好对Array定义了原型链方法，则会发生这个问题。
所以建议：如果遍历数组元素，还是应该采用标准的写法 for ( var i=0;i<tmp.length;i++ )。