JS中Array数组的三大属性用法揭秘

你对Array数组的属性和使用是否熟悉，这里和大家分享一下Array数组的3个属性，length属性、prototype属性、constructor属性使用，并附注Array数组对象的8个分类及多个方法使用。

创新互联专业为企业提供黔西网站建设、黔西做网站、黔西网站设计、黔西网站制作等企业网站建设、网页设计与制作、黔西企业网站模板建站服务，十年黔西做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

JS操作Array数组的方法及属性

本文总结了Array数组的3个属性，length属性、prototype属性、constructor属性使用，并附注Array数组对象的8个分类及多个方法使用,具体如下：

对象的3个属性

1、length属性

length属性

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

 
 
 

  
  
  
vararr=[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。例如下面的代码：

 
 
 

  
  
  
vararr=[12,23,5,3,25,98,76,54,56,76]; 
  
  
  
//定义了一个包含10个数字的数组 
  
  
  
alert(arr.length);//显示10 
  
  
  
arr[15]=34; 
  
  
  
alert(arr.length);//显示16
 
 
 

代码中同样是先定义了一个包含10个数字的数组，通过alert语句可以看出其长度为10。随后使用了索引为15的元素，将其赋值为15，即arr[15]=34，这时再用alert语句输出数组的长度，得到的是16。无论如何，对于习惯于强类型编程的开发人员来说，这是一个很令人惊讶的特性。事实上，使用newArray()形式创建的数组，其初始长度就是为0，正是对其中未定义元素的操作，才使数组的长度发生变化。

由上面的介绍可以看到，length属性是如此的神奇，利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解，有助于在开发过程中灵活运用。

2、prototype属性

prototype属性

返回对象类型原型的引用。prototype属性是object共有的。

objectName.prototype

objectName参数是object对象的名称。

说明：用prototype属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。

对于Array数组对象，以以下例子说明prototype属性的用途。

给数组对象添加返回数组中最大元素值的方法。要完成这一点，声明一个函数，将它加入Array.prototype，并使用它。

 
 
 

  
  
  
functionarray_max() 
  
  
  
{ 
  
  
  
vari,max=this[0]; 
  
  
  
for(i=1;i
  
  
  
{ 
  
  
  
if(max
  
  
  
max=this[i]; 
  
  
  
} 
  
  
  
returnmax; 
  
  
  
} 
  
  
  

  
  
  
Array.prototype.max=array_max; 
  
  
  
varx=newArray(1,2,3,4,5,6); 
  
  
  
vary=x.max(); 
  
  
  

 
 
 

 该代码执行后，y保存数组x中的最大值，或说6。#p#

3、constructor属性

constructor属性

表示创建对象的函数。

object.constructor//object是对象或函数的名称。

说明：constructor属性是所有具有prototype的对象的成员。它们包括除Global和Math对象以外的所有JScript固有对象。constructor属性保存了对构造特定对象实例的函数的引用。

例如：

 
 
 

  
  
  
x=newString("Hi"); 
  
  
  
if(x.constructor==String)//进行处理（条件为真）。 
  
  
  
//或 
  
  
  
functionMyFunc{ 
  
  
  
//函数体。 
  
  
  
} 
  
  
  

  
  
  
y=newMyFunc; 
  
  
  
if(y.constructor==MyFunc)//进行处理（条件为真）。 
  
  
  

 
 
 

 对于数组来说：

 
 
 

  
  
  
y=newArray(); 
  
  
  

 
 
 

Array数组对象的8个分类及多个方法

1.Array数组的创建

vararrayObj=newArray();　//创建一个默认数组，长度是0
vararrayObj=newArray(size);　//创建一个size长度的数组，注意Array的长度是可变的，所以不是上限，是长度
vararrayObj=newArray(item1,item2,);　//创建一个数组并赋初值
要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这时长度会随之改变。

2、Array数组的元素的访问

varArrayItemValue=arrayObj[1];//获取数组的元素值
arrayObj[1]="要赋予新值";//给数组元素赋予新的值

网站栏目：JS中Array数组的三大属性用法揭秘
标题URL：http://wtcwzsj.com/article/dhspicp.html