假如今天我在整理飾品盒的時候,想要將裡面的飾品依照材質和數量分類紀錄,好方便以後做整理。
這時只會用變數紀錄東西的我可能會寫這樣來分類我的飾品:
let earring1 = 'perle';
let earring2 = 'diamond';
let earring3 = 'jade';
let necklace1 = 'gold';
let necklace2 = 'silver';
這樣寫的話,如果我有 20 副耳環我可能就要寫到 earring20 去了,不僅費時,之後想拿這些變數來使用時也不是很方便。
這時候陣列就派上用場了!
使用陣列時,可以將相同屬性的東西放入同個陣列中:
let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];
如果我想知道我有幾副耳環和項鍊,可以用這樣計算陣列的長度來算出耳環數目:
let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];
console.log(earring.length); // 3
console.log(necklace.length); // 2
每個在陣列中的元素,都配有一個索引值 (index)來代表他們的位置,而陣列的索引值是從 0 開始計算,假設我今天想知道一號項鍊和三號耳環的材質時,就會這樣寫:
let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];
console.log(earring[2]); // jade
console.log(necklace[0]); // gold
結果上禮拜逛了逛網拍,又手滑買了兩副耳環(來人,剁手指!)
這時我的耳環陣列就需要用到push
來將新買的耳環加進去。
let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];
earring.push('ruby', 'sapphire');
console.log(earring);
//會印出['perle', 'diamond', 'jade', 'ruby', 'sapphire']
接著,我的飾品盒又會發生什麼事呢?
我們明天繼續用耳環和項鍊來學習array
其他用法吧!(大愛耳環!)