JavaScript 數組和集合是編程時必不可少的基本概念，它們可以使我們更有效地組織和操縱數據。本文將深入探討 JavaScript 數組和集合的特性，并提供相關的實例。

JavaScript 數組

JavaScript 數組是一種有序的集合，可以用來存儲多個值。它們可以由任何類型的值（包括數組）組成，而且數字下標從 0 開始。

// 創建數組
var fruits = ["Apple", "Banana", "Orange"];
// 訪問數組中的元素
console.log(fruits[0]); // 輸出: "Apple"
console.log(fruits[1]); // 輸出: "Banana"
console.log(fruits[2]); // 輸出: "Orange"
// 添加元素
fruits.push("Grapes"); // 向數組末尾添加元素
console.log(fruits); // 輸出: ["Apple", "Banana", "Orange", "Grapes"]
// 刪除元素
fruits.pop(); // 從數組末尾刪除元素
console.log(fruits); // 輸出: ["Apple", "Banana", "Orange"]

JavaScript 數組也可以使用循環來遍歷其中的元素，如下所示：

// 遍歷數組
for (var i = 0; i< fruits.length; i++) {
console.log(fruits[i]);
}

JavaScript 集合

JavaScript 集合是一種無序的集合，用于存儲獨特的值。集合中的每個值（無論類型）只能出現一次。

// 創建集合
var mySet = new Set();
// 添加元素
mySet.add(1);
mySet.add("Hello");
mySet.add(true);
console.log(mySet); // 輸出: Set {1, "Hello", true}
// 訪問元素
console.log(mySet.has("Hello")); // 輸出: true
// 刪除元素
mySet.delete(1);
console.log(mySet); // 輸出: Set {"Hello", true}

JavaScript 集合也可以用于過濾重復的元素。

// 過濾重復元素
var nums = [1, 1, 2, 3, 4, 4];
var unique = new Set(nums);
console.log(unique); // 輸出: Set {1, 2, 3, 4}

JavaScript 數組和集合的轉換

JavaScript 數組和集合之間可以相互轉換。對于數組轉集合，可以使用 Set 構造函數和展開運算符：

// 數組轉集合
var arr = ["a", "b", "c"];
var set = new Set(arr);
console.log(set); // 輸出: Set {"a", "b", "c"}
// 展開運算符
var arr = ["a", "b", "c"];
var set = new Set([...arr]);
console.log(set); // 輸出: Set {"a", "b", "c"}

對于集合轉數組，我們可以使用 Array.from() 方法或展開運算符：

// 集合轉數組
var set = new Set(["a", "b", "c"]);
var arr = Array.from(set);
console.log(arr); // 輸出: ["a", "b", "c"]
// 展開運算符
var set = new Set(["a", "b", "c"]);
var arr = [...set];
console.log(arr); // 輸出: ["a", "b", "c"]

結論

JavaScript 數組和集合是編程中常用的概念，它們可以讓我們更有效地操作數據。數組是有序的，可以包含多個相同或不同類型的元素。集合是無序的，每個元素只能包含一次。JavaScript 數組和集合之間可以互相轉換，可以幫助我們更靈活地處理數據。