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 依然是個陣列var ArrTest = new Array(); // 宣告一個新的陣列為 ArrTest
for(i=0;i<10;i++){
ArrTest[i]=i; // 開始建立陣列
}
if(Array.isArray(ArrTest)){
document.write("ArrTest 依然是個陣列");
}
</script>
在範例一開始我們先宣告一個空的新陣列 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>
以上輸出結果:0123456789var ArrTest = new Array(); // 宣告一個新的陣列為 ArrTest
for(i=0;i<10;i++){
ArrTest[i]=i; // 開始建立陣列
}
for(i=0;i<10;i++){
document.write(ArrTest[i]); // 開始輸出陣列
}
</script>
此範例中共有兩個 for 迴圈,第一個 for 迴圈與範例一相同,而第二個 for 迴圈則是用來顯示資料,i 的數字範圍同樣由 0 ~ 9,這樣就可以完整的將剛剛建立的陣列輸出來,其中 document.write 就是輸出到螢幕的語法,綜合以上兩個範例,應該不難看出來 for 迴圈如何建立一個陣列以及如何呼叫一個陣列的方法。
推薦給您的延伸閱讀