陣列寫法教學

🎃 「陣列」裡面，可以放入：數字、字串、function、物件

有 3 個玉米田，各自的玉米數量是「8 個、5 個、6 個」

JS:

陣列

var cornField = [8, 5, 6];

當我想要把 3 個玉米田「各自的玉米數量」做加總，就可以使用「for 迴圈」

「for 迴圈」的用途：可以把「陣列裡面的資料，依序抓出來」，再去做加總

讀取「陣列中的“第一個值”」

我想要用console.log()輸出「陣列中的“第一個值”」

JS 這樣寫：

🎃 [0] 代表：我要讀取的是“第一個值”

var cornField = [8, 5, 6];

console.log(cornField[0]);

Console 就顯示出“第一個值”了

🎃 在「陣列」的世界中，「第一個值」是「0」

從「0」開始數：「0, 1, 2, 3, 4, 5…」

讀取「另一個變數的“第二個值”」

我設定了另一個變數cornField2，用來讀取「變數cornField的“第二個值”」

JS:

🎃 cornField[1] 代表：讀取「變數cornField的“第二個值”」

var cornField = [8, 5, 6];

var cornField2 = cornField[1];

console.log(cornField2);

用console.log()看看結果

在 Console 就顯示「變數cornField的“第二個值”」= 5

新增「空的陣列」

.push()「新增資料」到陣列中

🎃 用一個「中括號」來新增「空的陣列」

• 陣列裡面還沒有資料，只是先命名好而已

var cornField = [];

🎃 用.push()在陣列加上“第一筆資料”

🍋 「.」代表：陣列裡面有很多「操控的方法」，例如：新增、移除、還原，用「.」來宣布“我要使用其中一個方法了”

🍋 使用.push()新增的資料，型態可以是：數字、字串、function、物件

JS:

• cornField.push(5); 新增第一筆資料「5」到陣列中

var cornField = [];

cornField.push(5);

console.log(cornField);

在 Console 就會顯示 [5]

點開下拉式按鈕，「0: 5」代表「第一個值 = 5」

「依序新增資料」到陣列中

一個一個新增

JS:

🎃 使用.push()「依序新增資料」到陣列中

🎃 使用.push()，永遠會在「陣列的“最後方”」做新增

var cornField = [];

cornField.push(5);
cornField.push(8);
cornField.push(6);

console.log(cornField);

在 Console 就會依序顯示 [5, 8, 6] 了

一次新增多個資料

JS:

🎃 使用.push()一次新增多個資料到陣列中

🍋 多個資料之間，要用「逗號」隔開

var cornField = [];

cornField.push(17, 11, 35);

console.log(cornField);

在 Console 就會依序顯示 [17, 11, 35] 了

「修改」陣列中的“第一筆資料”

原本的陣列是 [5, 8, 6]
現在，我想要把第一筆資料「5」改成「10」

作法如下：

JS:

🎃 cornField[0] = 10; 代表：先讀取「第一筆資料」，讀取後再讓它 = 10

var cornField = [];

cornField.push(5);
cornField.push(8);
cornField.push(6);

// 修改陣列中的「第一個值」
cornField[0] = 10;

console.log(cornField);

在 Console 就可以看到，第一筆資料改成「10」了

新增「第四筆資料」到陣列中

JS:

🎃 也可以使用cornField[3] = 27;來新增「第四筆資料」到陣列中

var cornField = [];

cornField.push(5);
cornField.push(8);
cornField.push(6);

// 修改陣列中的「第一個值」
cornField[0] = 10;

// 新增「第四筆資料」到陣列中
cornField[3] = 27;

console.log(cornField);

在 Console 就可以看到「第四筆資料」= 27

「有幾筆資料」在陣列中呢？

現在，我想要知道cornField這個陣列中，有幾筆資料呢？

作法如下：

JS:

🎃 使用.length，就會顯示「陣列中，有幾筆資料」

var cornField = [];

cornField.push(5);
cornField.push(8);
cornField.push(6);

// 「有幾筆資料」在陣列中
console.log(cornField.length);

因為陣列是 [5, 8, 6]， 在 Console 就會顯示「3」= 3 筆資料