在JavaScript中使用`map'和`set'數據結構

當需要處理複雜鍵值對或唯一值集合時，優先使用Map 和Set。 1. Map 支持任意類型的鍵，避免與原型鏈衝突，提供更直觀的API 如.set()、.get()、.has()、.delete() 與.size；2. Set 自動去重，適合存儲不重複值，方法包括.add()、.has()、.delete() 與.size；3. 遍歷時Map 返回[key, value] 數組，Set 返回值本身，均可使用forEach 或轉換為數組操作。

JavaScript 的Map和Set是處理數據時非常實用的結構，尤其在需要高效管理鍵值對或唯一值集合的時候。它們比傳統的對象和數組更靈活、功能也更強。

什麼時候該用Map而不是普通對象？

如果你需要一個鍵值對結構，並且希望鍵可以是任意類型（比如函數、對象甚至NaN ），那就應該用Map 。普通對象雖然也能存鍵值，但有幾點限制：

• 鍵只能是字符串或Symbol
• 容易與原型鏈上的屬性衝突
• 獲取鍵的數量不夠直觀（得手動Object.keys(obj).length ）

而Map的API 更加清晰，例如.set() 、 .get() 、 .has() 、 .delete()和.size都很直接。下面是一個小例子：

 const map = new Map();
map.set('name', 'Alice');
map.set(42, 'answer');

console.log(map.get(42)); // answer

使用Set來管理唯一的值集合

當你想存儲一組不重複的值時， Set就派上用場了。它自動去重，非常適合用來處理數組去重、判斷是否存在等情況。

舉個簡單的例子：

 const names = ['Alice', 'Bob', 'Alice', 'Charlie'];
const uniqueNames = [...new Set(names)]; // ['Alice', 'Bob', 'Charlie']

相比用filter或reduce手動去重，用Set簡潔又高效。而且它的方法也很直觀：

• .add(value)添加元素
• .has(value)判斷是否存在
• .delete(value)刪除元素
• .size查看當前數量

Map和Set的遍歷方式需要注意的地方

這兩者都可以用for...of遍歷，但格式略有不同：

• Map遍歷時每個項是一個[key, value]的數組
• Set遍歷時每個項就是值本身

如果你習慣用forEach ，那也可以：

 map.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

set.forEach(value => {
  console.log(value);
});

另外，它們都能輕鬆轉換為數組，方便後續操作：

 const mapArray = [...map]; // [[key1, value1], [key2, value2], ...]
const setArray = [...set];

總結一下使用場景

• 用Map存儲複雜鍵值關係，尤其是非字符串鍵
• 用Set快速處理唯一值集合
• 注意它們的遍歷方式和轉換技巧

基本上就這些，不復雜但容易忽略一些細節。

以上是在JavaScript中使用`map'和`set'數據結構的詳細內容。更多資訊請關注PHP中文網其他相關文章！