DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript實例教程(18) 數組
Javascript實例教程(18) 數組
編輯:關於JavaScript     
使用javascript數組

在JavaScript 1.0中構造器只存在Date對象和用戶定義的對象。你可能期望有個數組構造器,但是一直沒能實現,直到JavaScript 1.1的出現,你的期望成為了現實。我們可以如下來定義用戶對象:

function blankArray(n) {

for (var i=0; i < n; i++)

this[i] = null;

this.length = n;

}

blankArray函數創建了一個數組,這個數組中有n個空白項。下面再給出使用這個構造器的例子:

var myArray = new blankArray(3);

myArray[0] = "hello";

myArray[1] = "world";

myArray[2] = "!";

如果你對其它編程語言(如C語言)有些經驗的話,你就會直到數組的索引是從0開始的而不是從1開始的。因此在上面的例子中數組索引是從0到2的,故這個數組的長度為3。

以下的代碼是更為高級的數組構造器。它使用了'arguments'屬性來對數組賦值而不只是創建一個空數組元素,這個屬性對於所有的函數都是存在的。雖然沒有給定任何的參數,傳遞的數值仍然可以通過arguments數組來進行訪問。具體代碼如下:

function makeArray() {

for (var i=0; i < arguments.length; i++)

this[i] = arguments[i];

this.length = arguments.length;

}

而構造器的調用可以是這樣的:

var myArray = new makeArray("hello", "world", "!");

在JavaScript 1.1中,創建數組構造器結合了blankArray和makeArray的特定。如下的一個調用:

var myArray = new Array(3); // requires JS 1.1

這個調用創建了一個空白數組(其長度為3)作為上面示范的blankArray構造器。而在Netscape中稱為'dense array',因為每一個元素都有一個數值,可以如下來創建:

var myArray = new Array(value1, value2, value3); // JS 1.1
既然你對構造器和對象屬性比較熟悉了,我們可以進一步舉些例子。如果你是使用JavaScript 1.1或者更高版本,你可以使用數組構造器。否則你使用makeArray對象更為合適些。 var workPeople = new Array(

new Person("Thomas", 25, "green"),

new Person("Richard", 35, "blue"),

new Person("Harold", 30, "chartreuse")

);

workPeople是一個擁有三個Person對象的數組。每一個Person都有name(名字)、age(年齡)、colour(膚色)以及birthYear(出生年份)屬性。

以下再給出一個實例來使用我們上面所學到的。這裡還要提醒一下,Person代碼塊和workPeople數組必須包括到相同的SCRIPT標簽中或者網頁的其它地方。

<SCRIPT language="JavaScript">

<!-- Hide from older browsers


function whoIsOldest(pArray) {

var pOldest = pArray[0]; // 數組中的第一個Person

for (var i=1; i < pArray.length; i++) // 對每個附加的Person循環

if (pArray[i].isOlder(pOldest)) // 如果它們比較老

pOldest = pArray[i]; // 將它們設置為最老

return pOldest;

}

var senior = whoIsOldest(workPeople);

document.write("The oldest person is " + senior.name + "<br>" + senior);


// Stop hiding -->

</SCRIPT>

上面例子的輸出為:

The oldest person is Richard

Richard was born in 1963

and is 35 years old.

從whoIsOldest函數返回的數值是一個Person對象,它帶有對象所有的屬性和方法。這是為什麼可以引用名字屬性和變量printPerson()方法(稱為senior)的原因。

WhoIsOldest函數的另外一些特性為:

a.處理任何的People的數組。

b.處理任何對象類型的數組,這個數組有一個isOlder()方法。

如果不是使用JavaScript,換成其它類型的編程語言,你就不得不指定函數輸入是一個People的數組,而在JavaScript就不用了。這正是JavaScript的一個優點。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved