陣列的基本介紹

簡單來說是存放一組資料集

陣列

• 會使用 [ ] 前後包住資料集
• 下面的範例意思是 drinks 中有 coffee、tea、juice 三種值

let drinks = ['coffee','tea','juice'];

• 陣列中也可以放數字資料

let price = [10,20,30,40];

如何讀取陣列中的資料

直接以範例說明
要讀取 drinks 的第一個元素的資料，則寫法是 drinks[0]
因為陣列是從 0 開始，取得時寫法為 drinks[0]

let drinks = ['coffee','tea','juice'];
console.log(drinks[0]); // 結果為 coffee
console.log(drinks[1]); // 結果為 tea

讀取陣列長度

let drinks = ['coffee','tea','juice'];
console.log(drinks.length); // 結果為 3

• 也可以將讀取的長度重新賦予至一個新的變數上

let drinks = ['coffee','tea','juice'];
let drinkNum = drinks.length;
console.log(drinkNum); // 結果為 3

陣列中寫入資料

• 可以先宣告一個空陣列，再指定資料

let drinks = [];
drinks[0] = 'tea';

• 也可以跳著新增，陣列中跳過的元素會被保留，資料內容為空

let drinks = [];
drinks[0] = 'tea';
drinks[2] = 'coffee';

• 使用 push 寫入資料
  指定的資料會直接放入陣列中的最後一個元素，寫法如下

let drinks = ['tea','coffee','juice'];
drinks.push('milk');

• 使用 unshift 寫入資料
  指定的資料會直接放入陣列中目前的第一個元素前面

let drinks = ['tea','coffee','juice'];
drinks.unshift('milk');
console.log(drinks); // 結果為 ['milk','tea','coffee','juice']

陣列中刪除資料

• 使用 pop，刪除陣列中的最後一個元素

let drinks = ['tea','coffee','juice'];
drinks.pop();
console.log(drinks); // 結果為 ['tea','coffee']

• 使用 shift，刪除陣列中的第一個元素

let drinks = ['tea','coffee','juice'];
drinks.shift();
console.log(drinks); // 結果為 ['coffee','juice']

• 使用 splice 刪除指定的資料

let drinks = ['tea','coffee','juice','milk'];
drinks.splice(1,2); // 從第 1 個位置開始刪除 2 筆資料
console.log(drinks); // 結果為 ['tea','milk']

後記

本篇是陣列的基本用法，對於資料的新增、修改、刪除
今天是 Day 4 ，繼續加油！
這是我的學習紀錄，也歡迎各路大神指點指教！
我們下回見～