iT邦幫忙

2024 iThome 鐵人賽

DAY 18
0
自我挑戰組

使用 Microsoft Copilot 製作衛教網站系列 第 18

第18天:學習 JavaScript 中的資料類型:陣列 (array)

  • 分享至 

  • xImage
  •  

第18天:學習 JavaScript 中的資料類型:陣列 (array)

今天是我參加 IT 鐵人賽的第十八天,我決定學習 JavaScript 中的陣列資料類型。陣列是一種用來存儲多個值的資料結構,掌握陣列的基本操作對於處理和操作大量數據至關重要。

我先學習了如何宣告和初始化陣列。陣列可以使用方括號 [] 來創建,並且可以包含不同類型的元素。常見的陣列操作包括添加元素、刪除元素、訪問元素和遍歷陣列。我還學習了如何使用內建的陣列方法,例如 push()、pop()、shift()、unshift() 和 splice() 來操作陣列。

接著,我實作了一些範例來鞏固我的學習。我首先宣告了一些陣列,並進行基本的陣列操作。然後,我使用內建的陣列方法來處理這些陣列,並觀察它們的輸出結果。

範例如下:
// 宣告和初始化陣列
let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // 輸出: ["Apple", "Banana", "Cherry"]

// 訪問陣列元素
console.log(fruits[0]); // 輸出: Apple
console.log(fruits[1]); // 輸出: Banana

// 添加元素
fruits.push("Date");
console.log(fruits); // 輸出: ["Apple", "Banana", "Cherry", "Date"]

// 刪除元素
fruits.pop();
console.log(fruits); // 輸出: ["Apple", "Banana", "Cherry"]

// 使用 splice() 方法
fruits.splice(1, 1, "Blueberry");
console.log(fruits); // 輸出: ["Apple", "Blueberry", "Cherry"]

// 遍歷陣列
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// 輸出:
// Apple
// Blueberry
// Cherry

今天的學習讓我對 JavaScript 中的陣列資料類型有了更深入的理解,並且能夠靈活運用基本的陣列操作和內建方法來處理數據。


上一篇
第17天:學習 JavaScript 中的 If 條件式
下一篇
第19天:學習 JavaScript 中的迴圈 (Loop)
系列文
使用 Microsoft Copilot 製作衛教網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言