JavaScript 陣列：用範例馬上在1分鐘內完全明白了解

在網頁開發與許多其他程式設計應用中，JavaScript 被視為最重要的腳本語言之一。其強大的功能之一是能夠透過JavaScript 陣列來管理和操作數據。JavaScript 陣列提供了一種有序的方式來存儲、組織和訪問一組值。透過這篇文章，我們將使用簡單的範例來解釋JavaScript陣列的基本概念，確保你在1分鐘內能完全了解其工作原理。

✨ 1. JavaScript 陣列基礎

陣列可以包含任何數據類型，包括數字、字串或其他陣列。

🔍 建立陣列

🔹 使用方括號：let fruits = ["apple", "banana", "cherry"];

🔹 使用Array構造函數：let numbers = new Array(1, 2, 3, 4, 5);

🔍 訪問陣列元素

🔹 使用索引值：console.log(fruits[0]); // Output: apple

🔹 索引值從0開始計數。

✨ 2. 陣列操作方法

JavaScript提供了多種內建的方法來操作陣列。

🔍 添加/刪除元素

🔹 .push(value)：將元素添加到陣列的末尾。

🔹 .pop()：移除並返回陣列的最後一個元素。

🔹 .shift()：移除並返回陣列的第一個元素。

🔹 .unshift(value)：將元素添加到陣列的開頭。

🔍 其他常用方法

🔹 .slice(start, end)：返回一個新陣列，包含從start到end（不包括end）的元素。

🔹 .splice(index, count, ...items)：從index位置開始，刪除count個元素，並插入items。

🔹 .concat(array2)：將兩個或更多陣列結合成一個新陣列。

✨ 3. 迭代陣列

JavaScript提供了多種方法來迭代陣列元素。

🔍 常用迭代方法

🔹 .forEach(callback)：對每個元素執行一個函數。

🔹 .map(callback)：創建一個新陣列，其結果是對每個元素調用一個函數。

🔹 .filter(callback)：創建一個新陣列，包含所有通過測試的元素。

JavaScript陣列提供了一個強大而靈活的工具來管理和操作數據。通過上述的基礎知識和範例，你應該能夠快速而有效地使用陣列來滿足你的程式設計需求。

線上限定優惠

成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能

14634 11

NT$ 6,650

線上學習相關資源

線上課程帶領方法與技巧、程式開發、JavaScript、軟體程式設計、線上學習

JavaScript 陣列：用範例馬上在1分鐘內完全明白了解