Javascript執行個體教程(18) 數組
最後更新:2017-02-28
來源:互聯網
上載者:User
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的一個優點。