对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)

195 阅读 0 评论 129 点赞

我是靠谱客的博主幽默爆米花，最近开发中收集的这篇文章主要介绍对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

有时需要将数组转成伪数组（ArrayLike），如下

复制代码代码如下:

 
var ary = ['one','two','three']; 
var obj = {}; // 没有length属性 
Array.prototype.push.apply(obj, ary); 
for(var i in obj){ 
alert(i + ': ' + obj[i]); 
} 

IE8/9/Firefox/Safari/Chrome 依次弹出了obj的key及其value。即能转换成ArrayLike。
但IE6/7下则不能，没有输出任何信息表明obj仍然是个空对象。
如果给obj加个length属性，情况则不同

复制代码代码如下:

 
var ary = ['one','two','three']; 
var obj = {length:0}; // 有length，值为0 
Array.prototype.push.apply(obj, ary); 
for(var i in obj){ 
alert(i + ': ' + obj[i]); 
} 

这次IE6/7(所有浏览器)中均弹出了key及其value，都能转换成ArrayLike
注意，length只能赋值为0而非它值，否则得到的对象key和value就不是一一对应的了。

复制代码代码如下:

 
var ary = ['one','two','three']; 
var obj = {length:2}; // 有length，非零值 
Array.prototype.push.apply(obj, ary); 
for(var i in obj){ 
alert(i + ': ' + obj[i]); 
} 