快捷導(dǎo)航

javascript Array對(duì)象基礎(chǔ)知識(shí)小結(jié)

更新時(shí)間：2010年11月16日 22:35:26 作者：

感覺(jué)自己對(duì)Array對(duì)象總是有種朦朧的感覺(jué)，今天自己手寫總結(jié)，加深一下印象。

對(duì)于Array對(duì)象我的總結(jié)思想是：5法，3招，12式

1.聲明5法：只針對(duì)一維數(shù)組，當(dāng)然還有二維三維，這里就不做解釋了

 
var a = new Array(); 
var a = new Array; 
var a = new Array(10);//創(chuàng)建Array對(duì)象，并指定數(shù)組中項(xiàng)的個(gè)數(shù) 
var a = new Array("red","blue","green"); 
var a = ["red"," blue"," green"]; 

2.屬性3招：constructor,length,prototype
constructor表示創(chuàng)建對(duì)象的函數(shù)。 constructor 屬性是所有具有 prototype 的對(duì)象的成員。它們包括除 Global 和 Math 對(duì)象以外的所有 JScript 固有對(duì)象。constructor 屬性保存了對(duì)構(gòu)造特定對(duì)象實(shí)例的函數(shù)的引用。例如：

復(fù)制代碼代碼如下:

 
x = new String("Hi"); 
if (x.constructor == String) 
// 進(jìn)行處理（條件為真）。 
或 
function MyFunc { 
// 函數(shù)體。 
} 
y = new MyFunc; 
if (y.constructor == MyFunc) 
// 進(jìn)行處理（條件為真）。 

Length表示數(shù)組的長(zhǎng)度，有多少項(xiàng)。這個(gè)就不寫示例了。
prototype返回對(duì)象類型原型的引用。用 prototype 屬性提供對(duì)象的類的一組基本功能。對(duì)象的新實(shí)例“繼承”賦予該對(duì)象原型的操作。
例如，要為 Array 對(duì)象添加返回?cái)?shù)組中最大元素值的方法。要完成這一點(diǎn)，聲明該函數(shù)，將它加入 Array.prototype，并使用它。

復(fù)制代碼代碼如下:

 
function array_max( ){ 
var i, max = this[0]; 
for (i = 1; i < this.length; i++) 
{ 
if(max < this[i]) 
max = this[i]; 
} 
return max; 
} 
Array.prototype.max = array_max; 
var x = new Array(1, 2, 3, 4, 5, 6); 
var y = x.max( ); 

復(fù)制代碼代碼如下:

 
//1.concat():返回一個(gè)新數(shù)組，這個(gè)新數(shù)組是由兩個(gè)或更多數(shù)組組合而成的。 
var a1 = [1,2,3,4]; 
var a2 = a1.concat("5",'6'); 
alert(a2); //結(jié)果：1,2,3,4,5,6 
//2.join():返回字符串值，其中包含了連接到一起的數(shù)組的所有元素，元素由指定的分隔符分隔開來(lái)。 
var a1 = [1,2,3,4]; 
var a2 = a1.join(); 
var a3 = a1.join(","); 
var a4 = a1.join("|"); 
alert(a2); //結(jié)果：1,2,3,4 
alert(a3); //結(jié)果：1,2,3,4 
alert(a4); //結(jié)果：1|2|3|4 
//3.pop():移除數(shù)組中的最后一個(gè)元素并返回該元素。如果該數(shù)組為空，那么將返回 undefined。 
var a1 = [1,2,3,4]; 
var item = a1.pop(); 
alert(item); //結(jié)果：4 
alert(a1);//結(jié)果：1,2,3 
//4.push():將新元素添加(追加)到一個(gè)數(shù)組中，并返回?cái)?shù)組的新長(zhǎng)度值。push 方法將以新元素出現(xiàn)的順序添加這些元素。如果參數(shù)之一為數(shù)組，那么該數(shù)組將作為單個(gè)元素添加到數(shù)組中。如果要合并兩個(gè)或多個(gè)數(shù)組中的元素，請(qǐng)使用 concat 方法。 
var a1 = [1,2,3,4]; 
a1.push(5); 
a1.push("6"); 
alert(a1);//結(jié)果：1,2,3,4,5,6 
//5.reverse():返回一個(gè)元素順序被反轉(zhuǎn)的 Array 對(duì)象。 
var a1 = [1,2,3,4]; 
a1.reverse(); 
alert(a1);//結(jié)果：4,3,2,1 
//6.shift():移除數(shù)組中的第一個(gè)元素并返回該元素。 
var a1 = [1,2,3,4]; 
a1.shift(); 
alert(a1);//結(jié)果：2,3,4 
//7.unshift():將指定的元素插入數(shù)組開始位置并返回該數(shù)組。 
var a1 = [1,2,3,4]; 
a1.unshift(5); 
alert(a1);//結(jié)果：5,1,2,3,4 
//8.slice():返回一個(gè)數(shù)組的一段。a1.slice(start, [end]),slice 方法一直復(fù)制到 end 所指定的元素，但是不包括該元素。如果 start 為負(fù)，將它作為 length + start處理，此處 length 為數(shù)組的長(zhǎng)度。如果 end 為負(fù)，就將它作為 length + end 處理，此處 length 為數(shù)組的長(zhǎng)度。如果省略 end ，那么 slice 方法將一直復(fù)制到 arrayObj 的結(jié)尾。如果 end 出現(xiàn)在 start 之前，不復(fù)制任何元素到新數(shù)組中。 
var a1 = [1,2,3,4]; 
var a2 = a1.slice(-1); 
var a3 = a1.slice(0,-1); 
var a4 = a1.slice(1); 
alert(a2);//結(jié)果：4 
alert(a3);//結(jié)果：1,2,3 
alert(a4);//結(jié)果：2,3,4 
//9.splice():從一個(gè)數(shù)組中移除一個(gè)或多個(gè)元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。 
//arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]]) 
var a1 = [1,2,3,4]; 
var a2 = a1.splice(1,0); 
var a3 = a1.splice(1,1); 
var a4 = a1.splice(1,1,"5"); 
alert(a2);//結(jié)果： 
alert(a3);//結(jié)果：2 
alert(a1);//結(jié)果：1,5,4 
//10.sort():返回一個(gè)元素已經(jīng)進(jìn)行了排序的 Array 對(duì)象。 
var a1 = [2,3,1,4,"b","a"]; 
var a2 = a1.sort(); 
alert(a2);//結(jié)果：1,2,3,4,a,b 
//11.toString():返回對(duì)象的字符串表示。 
var a1 = [1,2,3,4,"b","a"]; 
var a2 = a1.toString(); 
alert(a2);//結(jié)果：1,2,3,4,b,a 
//12.valueOf():返回指定對(duì)象的原始值。 
var a1 = [1,2,3,4,"b","a"]; 
var a2 = a1.valueOf(); 
alert(a2);//結(jié)果：1,2,3,4,b,a 

indexOf擴(kuò)展：

復(fù)制代碼代碼如下:

 
if (!Array.prototype.indexOf) Array.prototype.indexOf = function(item, i) { 
i || (i = 0); 
var length = this.length; 
if (i < 0) i = length + i; 
for (; i < length; i++) 
if (this[i] === item) return i; 
return -1; 
}; 
function testIndexOf() 
{ 
var a =[1,2,3,4]; 
alert(a.indexOf(3)); 
} 
<input type="button" value="測(cè)試獲取數(shù)組下標(biāo)" onclick="testIndexOf()" /> 