JS中Array數(shù)組的三大屬性用法揭秘
你對(duì)Array數(shù)組的屬性和使用是否熟悉,這里和大家分享一下Array數(shù)組的3個(gè)屬性,length屬性、prototype屬性、constructor屬性使用,并附注Array數(shù)組對(duì)象的8個(gè)分類及多個(gè)方法使用。
JS操作Array數(shù)組的方法及屬性
本文總結(jié)了Array數(shù)組的3個(gè)屬性,length屬性、prototype屬性、constructor屬性使用,并附注Array數(shù)組對(duì)象的8個(gè)分類及多個(gè)方法使用,具體如下:
對(duì)象的3個(gè)屬性
1、length屬性
length屬性
Length屬性表示數(shù)組的長(zhǎng)度,即其中元素的個(gè)數(shù)。因?yàn)閿?shù)組的索引總是由0開始,所以一個(gè)數(shù)組的上下限分別是:0和length-1。和其他大多數(shù)語言不同的是,JavaScript數(shù)組的length屬性是可變的,這一點(diǎn)需要特別注意。當(dāng)length屬性被設(shè)置得更大時(shí),整個(gè)數(shù)組的狀態(tài)事實(shí)上不會(huì)發(fā)生變化,僅僅是length屬性變大;當(dāng)length屬性被設(shè)置得比原來小時(shí),則原先數(shù)組中索引大于或等于length的元素的值全部被丟失。下面是演示改變length屬性的例子:
- vararr=[12,23,5,3,25,98,76,54,56,76];
 - //定義了一個(gè)包含10個(gè)數(shù)字的數(shù)組
 - alert(arr.length);//顯示數(shù)組的長(zhǎng)度10
 - arr.length=12;//增大數(shù)組的長(zhǎng)度
 - alert(arr.length);//顯示數(shù)組的長(zhǎng)度已經(jīng)變?yōu)?2
 - alert(arr[8]);//顯示第9個(gè)元素的值,為56
 - arr.length=5;//將數(shù)組的長(zhǎng)度減少到5,索引等于或超過5的元素被丟棄
 - alert(arr[8]);//顯示第9個(gè)元素已經(jīng)變?yōu)?quot;undefined"
 - arr.length=10;//將數(shù)組長(zhǎng)度恢復(fù)為10
 - alert(arr[8]);//雖然長(zhǎng)度被恢復(fù)為10,
 - 但第9個(gè)元素卻無法收回,顯示"undefined"
 
由上面的代碼我們可以清楚的看到length屬性的性質(zhì)。但length對(duì)象不僅可以顯式的設(shè)置,它也有可能被隱式修改。JavaScript中可以使用一個(gè)未聲明過的變量,同樣,也可以使用一個(gè)未定義的數(shù)組元素(指索引超過或等于length的元素),這時(shí),length屬性的值將被設(shè)置為所使用元素索引的值加1。例如下面的代碼:
- vararr=[12,23,5,3,25,98,76,54,56,76];
 - //定義了一個(gè)包含10個(gè)數(shù)字的數(shù)組
 - alert(arr.length);//顯示10
 - arr[15]=34;
 - alert(arr.length);//顯示16
 
代碼中同樣是先定義了一個(gè)包含10個(gè)數(shù)字的數(shù)組,通過alert語句可以看出其長(zhǎng)度為10。隨后使用了索引為15的元素,將其賦值為15,即arr[15]=34,這時(shí)再用alert語句輸出數(shù)組的長(zhǎng)度,得到的是16。無論如何,對(duì)于習(xí)慣于強(qiáng)類型編程的開發(fā)人員來說,這是一個(gè)很令人驚訝的特性。事實(shí)上,使用newArray()形式創(chuàng)建的數(shù)組,其初始長(zhǎng)度就是為0,正是對(duì)其中未定義元素的操作,才使數(shù)組的長(zhǎng)度發(fā)生變化。
由上面的介紹可以看到,length屬性是如此的神奇,利用它可以方便的增加或者減少數(shù)組的容量。因此對(duì)length屬性的深入了解,有助于在開發(fā)過程中靈活運(yùn)用。
2、prototype屬性
prototype屬性
返回對(duì)象類型原型的引用。prototype屬性是object共有的。
objectName.prototype
objectName參數(shù)是object對(duì)象的名稱。
說明:用prototype屬性提供對(duì)象的類的一組基本功能。對(duì)象的新實(shí)例“繼承”賦予該對(duì)象原型的操作。
對(duì)于Array數(shù)組對(duì)象,以以下例子說明prototype屬性的用途。
給數(shù)組對(duì)象添加返回?cái)?shù)組中最大元素值的方法。要完成這一點(diǎn),聲明一個(gè)函數(shù),將它加入Array.prototype,并使用它。
- functionarray_max()
 - {
 - vari,max=this[0];
 - for(i=1;i<this.length;i++)
 - {
 - if(max<this[i])
 - max=this[i];
 - }
 - returnmax;
 - }
 - Array.prototype.max=array_max;
 - varx=newArray(1,2,3,4,5,6);
 - vary=x.max();
 
該代碼執(zhí)行后,y保存數(shù)組x中的最大值,或說6。#p#
3、constructor屬性
constructor屬性
表示創(chuàng)建對(duì)象的函數(shù)。
object.constructor//object是對(duì)象或函數(shù)的名稱。
說明:constructor屬性是所有具有prototype的對(duì)象的成員。它們包括除Global和Math對(duì)象以外的所有JScript固有對(duì)象。constructor屬性保存了對(duì)構(gòu)造特定對(duì)象實(shí)例的函數(shù)的引用。
例如:
- x=newString("Hi");
 - if(x.constructor==String)//進(jìn)行處理(條件為真)。
 - //或
 - functionMyFunc{
 - //函數(shù)體。
 - }
 - y=newMyFunc;
 - if(y.constructor==MyFunc)//進(jìn)行處理(條件為真)。
 
 對(duì)于數(shù)組來說:
 
- y=newArray();
 
Array數(shù)組對(duì)象的8個(gè)分類及多個(gè)方法
1.Array數(shù)組的創(chuàng)建
vararrayObj=newArray(); //創(chuàng)建一個(gè)默認(rèn)數(shù)組,長(zhǎng)度是0
vararrayObj=newArray(size); //創(chuàng)建一個(gè)size長(zhǎng)度的數(shù)組,注意Array的長(zhǎng)度是可變的,所以不是上限,是長(zhǎng)度
vararrayObj=newArray(item1,item2,); //創(chuàng)建一個(gè)數(shù)組并賦初值
要說明的是,雖然第二種方法創(chuàng)建數(shù)組指定了長(zhǎng)度,但實(shí)際上所有情況下數(shù)組都是變長(zhǎng)的,也就是說即使指定了長(zhǎng)度為5,仍然可以將元素存儲(chǔ)在規(guī)定長(zhǎng)度以外的,注意:這時(shí)長(zhǎng)度會(huì)隨之改變。
2、Array數(shù)組的元素的訪問
varArrayItemValue=arrayObj[1];//獲取數(shù)組的元素值
arrayObj[1]="要賦予新值";//給數(shù)組元素賦予新的值
【編輯推薦】
- JavaScript alert()函數(shù)用法說明
 - 解析JS實(shí)現(xiàn)無刷新聯(lián)動(dòng)菜單技巧
 - 使用IE8 Beta輕松調(diào)試JavaScript
 - Javascript數(shù)組創(chuàng)建及其常見操作
 - JavaScript調(diào)試工具解決IE6等多版本共存問題
 















 
 
 
 
 
 
 