線上學習相關資源

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

一零四獨家新知識

2023/10/20

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陣列提供了一個強大而靈活的工具來管理和操作數據。通過上述的基礎知識和範例,你應該能夠快速而有效地使用陣列來滿足你的程式設計需求。
1 0 430 1
本篇內容來自以下教室