JavaScript for Array 方法

JavaScript Array 擁有陣列該有的特性與結構,換句話說我們除了可以宣告一個陣列之外,當然可以在這個陣列中存入我們想要存入的陣列鍵或陣列值,也可以隨時調用出來預先儲存的陣列資料,當一個 JavaScript Array 規模很小的時候,其實建立一個陣列只需要直接將資料寫入即可,但資料數量龐大的時候,就應該使用 JavaScript 迴圈JavaScript for 或是 JavaScript while 等迴圈來處理,才會有效率,本篇主要以 JavaScript for 迴圈來介紹如何建立一個陣列以及調用一個陣列的內容。

JavaScript for Array 範例一、透過 for 迴圈建立陣列
<script language='javascript'>
var ArrTest = new Array(); // 宣告一個新的陣列為 ArrTest
for(i=0;i<10;i++){
 ArrTest[i]=i; // 開始建立陣列
}
if(Array.isArray(ArrTest)){
 document.write("ArrTest 依然是個陣列");
}
</script>
以上輸出結果:ArrTest 依然是個陣列

在範例一開始我們先宣告一個空的新陣列 ArrTest,並透過 JavaScript for 迴圈將數字依序帶入陣列中,創造出陣列鍵(Array Key)由 0 開始至 9 結束的規模,對應的陣列值也是相同的數字,if 條件判斷僅是用來測試經過 for 迴圈後,ArrTest 的陣列本質是否依然沒變,其中 Array.isArray 函式可以判斷 ArrTest 是否為陣列。這是用 for 迴圈建立一陣列的簡單方式,下面範例二將會再度使用 for 迴圈,將陣列的每個鍵以及值輸出到螢幕上。

JavaScript for Array 範例二、透過 for 迴圈輸出陣列
<script language='javascript'>
var ArrTest = new Array(); // 宣告一個新的陣列為 ArrTest
for(i=0;i<10;i++){
 ArrTest[i]=i; // 開始建立陣列
}
for(i=0;i<10;i++){
 document.write(ArrTest[i]); // 開始輸出陣列
}
</script>
以上輸出結果:0123456789

此範例中共有兩個 for 迴圈,第一個 for 迴圈與範例一相同,而第二個 for 迴圈則是用來顯示資料,i 的數字範圍同樣由 0 ~ 9,這樣就可以完整的將剛剛建立的陣列輸出來,其中 document.write 就是輸出到螢幕的語法,綜合以上兩個範例,應該不難看出來 for 迴圈如何建立一個陣列以及如何呼叫一個陣列的方法。

推薦給您的延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012