熟悉JavaScript数组对象的length属性 - javascript -

熟悉JavaScript数组对象的length属性

时间:2010-01-26 21:03:53   来源:   评论:加载中...   点击:加载中...
数组对象仅有一个属性,这个属性就是length,它表示数组的长度,即其中元素的个数。因为数组的索引总是由0开始,所以一个数组的上下限分别...

数组对象仅有一个属性,这个属性就是length,它表示数组的长度,即其中元素的个数。因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。和其他大多数语言不同的是,javascript数组的length属性是可变的,这一点需要特别注意。当length属性被设置得更大时,整个数组的状态事实上不会发生变化,仅仅是length属性变大;当length属性被设置得比原来小时,则原先数组中索引大于或等于length的元素的值全部被丢失。下面是演示改变length属性的例子:
 


var arr=[12,23,5,3,25,98,76,54,56,76]; 
//定义了一个包含10个数字的数组
alert(arr.length);  //显示数组的长度10
arr.length=12;   //增大数组的长度
alert(arr.length);  //显示数组的长度已经变为12

alert(arr[8]);   //显示第9个元素的值,为56
arr.length=5;   //将数组的长度减少到5,索引等于或超过5的元素被丢弃
alert(arr[8]);   //显示第9个元素已经变为"undefined"
arr.length=10;   //将数组长度恢复为10
alert(arr[8]);   //虽然长度被恢复为10,但第9个元素却无法收回,显示"undefined"

由上面的代码我们可以清楚的看到length属性的性质。但length对象不仅可以显式的设置,它也有可能被隐式修改。javascript中可以使用一个未声明过的变量,同样,也可以使用一个未定义的数组元素(指索引超过或等于length的元素),这时,length属性的值将被设置为所使用元素索引的值加1。例如下面的代码:
 

var arr=[12,23,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);


代码中同样是先定义了一个包含10个数字的数组,通过alert语句可以看出其长度为10。随后使用了索引为15的元素,将其赋值为15,即arr[15]=34,这时再用alert语句输出数组的长度,得到的是16。无论如何,对于习惯于强类型编程的开发人员来说,这是一个很令人惊讶的特性。事实上,使用new Array()形式创建的数组,其初始长度就是为0,正是对其中未定义元素的操作,才使数组的长度发生变化。
由上面的介绍可以看到,length属性是如此的神奇,利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解,有助于在开发过程中灵活运用。

附留言:
supNate:没有具体例子,窃以为了解了length属性,就理解了javascript中的数组。而数组是完成很多例子的基础。因为和其他语言区别比较大,所以单独讲一下。例如实现低版本浏览器不支持的数组的pop方法:
Array.prototype.pop=function(){
if(0==this.length)return;
var temp=this[this.length-1];
this.length--;
return temp;
}
这样数组就能作为栈使用了。



相关热词搜索:

 
上一篇:解决鼠标经过内部元素触发ONMOUSEOUT事件的问题
下一篇:你真的理解了JavaScript的这些逻辑操作符吗?
收藏 将此文推荐给朋友
分享到: