javascript中length属性的探索
2024-05-06 14:24:07
供稿：网友
例子1：
代码如下:
var obj={0:'a',1:'b'}
alert(obj.length); //undefined
var arr=['a','b']
alert(arr.length); // 2
从上面的例子看，类数组对象中的length属性并不和它储存的数据数量直接挂钩，无论是索引属性（0，1）还是length属性都作为对象的普通属性存在，它们之间并没有任何关系，js引擎并不会根据储存数据的数量来自动计算类数组对象的长度。
但是类数组对象的length所确实和存储的数据量没有任何关系么？例子2说明并非如此：
例子2：
代码如下:
function myarr(){}
var m=new myarr();
Array.prototype.push.apply(m,['cson','lai','xiaoc']);
alert(m.length);//IE8以下：undefined 其他浏览器：3
alert(m[2]);//IE8以下：undefined 其他浏览器：‘xiaoc'
从例子2可以看到，除了IE8以下版本，在通过强制使用数组方法为类数组对象添加元素时，对象的length属性也会被计算。而IE8以下版本貌似不支持强制使用数组方法为类数组对象添加元素。
例子3：
该例子在例子2的myarr构造函数中添加一个初始化操作，在类数组对象初始化时添加一个元素，怪异的事情发生了：
代码如下:
function myarr(){this[0]='cc';}
var m=new myarr();
Array.prototype.push.apply(m,['cson','lai','xiaoc']);
alert(m.length);//ie8以下：undefined 其他：3
alert(m[2]);//ie8以下：undefined 其他：xiaoc
ie8以下版本浏览器继续貌似不支持强制使用数组方法，这个再下一个例子中会作讨论。而对于其他浏览器，length属性输出为3，而索引为2的元素是'xiaoc‘，显然js引擎完全忽略了类数组对象原来所存在的索引为0的元素‘cc'！马上我们再看下一个例子，这个例子在例子3的基础上多加一个对length属性的初始化：
代码如下:
function myarr(){this[0]='cc'; this.length=1;}//多加一个length的初始化
var m=new myarr();
Array.prototype.push.apply(m,['cson','lai','xiaoc']);
alert(m.length);//输出4
alert(m[2]);//输出'lai‘
奇怪的事再次发生，这次所有浏览器（包括ie6 7）都正确输出4，索引为2的元素正确输出为'lai‘，可见IE 6 7添加了length属性的初始化之后，可以正常使用数组方法了。
现在再试试把length属性初始化为不合法类型：
例子4：
代码如下:
function myarr(){this[0]='cc'; this.length="bo";}//length设置为不能转换为number的不合法类型
var m=new myarr();
Array.prototype.push.apply(m,['cson','lai','xiaoc']);
alert(m.length);//输出 3
alert(m[2]);// 输出'xiaoc‘
代码如下:
function myarr(){this[0]='cc'; this.length="1";}//length设置为能转换为数字的不合法类型
Array.prototype.push.apply(m,['cson','lai','xiaoc']);
alert(m.length);//输出4
alert(m[2]);//输出'lai‘
从上面的所有例子来看，我们可以作出一个推断，在使用数组方法时（这里以push为例），大概是这样的流程：
