陣列(array)是 JavaScript 的一種資料型態,在存放資料很多的時候就可以宣告一個陣列把所有資料存進去,不用再一個一個宣告變數。假如要把班級所有人的身高全部存起來,用變數和陣列的儲存方式就差很多:
var height1 = 150;
var height2 = 155;
var height3 = 160;
var height4 = 163;
.
.
.
var height37 = 176;
var heights = [150,155,160,163,176];
程式碼簡潔很多,不用額外命名37個變數,只需命名一個陣列名稱即可。
陣列中的每個資料都有一個數字(索引值)代表所在位置,有序列性,可以透過數字對資料進行存取。陣列內的內容可以是數值、字串或物件。
var a = ["Apple",5,true,163,176];
console.log(a);
陣列中的每一個值都是一個元素,每個元素都儲存在陣列固定的位置,也稱做索引值(index)。陣列第一個元素的索引值是 0 ,第二個元素的索引值是 1 ,再來是 2、3、4...以此類推。可以透過索引值讀取對應的陣列元素:
var heighs = ["Apple",5,true,163,176];
console.log(heighs[![](http://)1]);
陣列的長度可以隨時被改變,所以可以使用很多方法增加、移除、反轉、排序陣列。在改變陣列之前可以先用 length 方法取得陣列的長度:
var heighs = ["Apple",5,true,163,176];
console.log(heighs.length);
使用 push() 方法可以把元素新增到陣列最後面:
var heighs = ["Apple",5,true,163,176];
heighs.push("Orange");
console.log(heighs);
使用 pop() 方法可以移除陣列中的最後一個元素:
var heighs = ["Apple",5,true,163,176];
heighs.pop();
console.log(heighs);
使用 shift() 方法可以移除陣列中的第一個元素:
var heighs = ["Apple",5,true,163,176];
heighs.shift();;
console.log(heighs);
可以使用 for 迴圈遍歷陣列中所有的元素:
var a = ["Apple",5,true,163,176];
for (var i=0; i<a.length; ++i) {
console.log(a[i]);
}