JavaScript Array 陣列

JavaScript Array 陣列是用來存取大量數據的好工具,Array 物件是 JavaScript 的內建物件,不需要額外安裝即可隨時調用,JavaScript Array 物件內可以存放其它物件或數值,用以管理大量數據時相當好用,可以運用建構子函數(constructor function))來建立一個新的 Array 物件,同時或於建構完成後將 Array 值存入待用,其用法類似 PHP Array

建立 JavaScript Array 陣列
<script type="text/javascript">
 var ArrTest = new Array(); // 宣告一個新的陣列為 ArrTest
 ArrTest[0] = "A"; // 第一個陣列元素為 A
 ArrTest[1] = "B"; // 第二個陣列元素為 B
 ArrTest[2] = "C"; // 第三個陣列元素為 C
</script>
我們先由範例一開始的 var ArrTest = new Array(); 來宣告一個陣列,名稱就是 ArrTest,接著下一行開始一連三行即為陣列值的存入,請注意,陣列元素的編號是由零開始,所以在編寫陣列值的時候,記得從零開始存入,也可以透過下方這樣的簡化寫法建立 JavaScript Array。
var ArrTest= ["A", "B", "C"];
如果你想要更改剛剛建立好的 Array 可以嗎?答案是可以的,只需要在 Array 後面給新的陣列值即可修改,如下所示:
var ArrTest= ["A", "B", "C"];
ArrTest[1]='BBB';
這樣修改後的新 Array 就會變成"ArrTest= ["A", "BBB", "C"]"這樣,由於前面所提到的 JavaScript Array 值是從零開始編排,所以我們在第二行寫的"ArrTest[1]='BBB'"意思就是更改第二個陣列值為 BBB,您可以運用這樣的技巧調整其它陣列值。

用 JavaScript for 迴圈呼叫 JavaScript Array 陣列
<script type="text/javascript">
var ArrTest = new Array();
ArrTest[0] = "A";
ArrTest[1] = "B";
ArrTest[2] = "C";

for(i=0;i<3;i++){
 document.write(ArrTest[i]);
}
</script>
當你的 JavaScript Array 建立好之後,當然就是準備調用出來啦!要調用 JavaScript Array 的方法很多,最簡單的就是一個一個陣列元素調用,但這樣僅能用在某些小地方,因為效率不夠好,若要一次全部陣列值調用,最好是使用 JavaScript Loop 迴圈來處理,如 JavaScript for 迴圈或是 JavaScript while 迴圈,以上範例是使用 JavaScript for 迴圈來調用,會輸出 ABC 這樣的結果。

用 JavaScript while 迴圈呼叫 JavaScript Array 陣列
<script
type="text/javascript">
var ArrTest = new Array();
ArrTest[0] =
"A";
ArrTest[1] = "B";
ArrTest[2] = "C";

var i=0;
while(i<3){
 document.write(ArrTest[i]);
 i++;
}
</script>
此範例為 JavaScript while 迴圈調用 JavaScript Array 的示範,輸出結果與上ㄧ個範例相同。

推薦給您的相關主題
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C