Map與Set怎么使用

Map與Set怎么使用

在JavaScript中，Map和Set是兩種常用的數據結構，它們分別用于存儲鍵值對和唯一值。本文將詳細介紹Map和Set的使用方法，并通過示例代碼幫助你更好地理解它們。

1. Map的使用

Map是一種鍵值對的集合，其中的鍵可以是任意類型的值（包括對象）。與普通的對象不同，Map的鍵可以是任意類型，而不僅僅是字符串或符號。

1.1 創建Map

你可以使用new Map()來創建一個空的Map，或者通過傳入一個二維數組來初始化Map。

// 創建一個空的Map
const map1 = new Map();

// 通過二維數組初始化Map
const map2 = new Map([
  ['name', 'Alice'],
  ['age', 25],
  [1, 'one']
]);

1.2 添加和獲取元素

使用set()方法可以向Map中添加鍵值對，使用get()方法可以通過鍵來獲取對應的值。

const map = new Map();

// 添加鍵值對
map.set('name', 'Bob');
map.set('age', 30);

// 獲取值
console.log(map.get('name')); // 輸出: Bob
console.log(map.get('age'));  // 輸出: 30

1.3 檢查鍵是否存在

使用has()方法可以檢查Map中是否存在某個鍵。

console.log(map.has('name')); // 輸出: true
console.log(map.has('gender')); // 輸出: false

1.4 刪除元素

使用delete()方法可以刪除Map中的某個鍵值對。

map.delete('age');
console.log(map.has('age')); // 輸出: false

1.5 獲取Map的大小

使用size屬性可以獲取Map中鍵值對的數量。

console.log(map.size); // 輸出: 1

1.6 遍歷Map

Map提供了多種遍歷方法，包括keys()、values()和entries()。

for (let key of map.keys()) {
  console.log(key); // 輸出: name
}

for (let value of map.values()) {
  console.log(value); // 輸出: Bob
}

for (let [key, value] of map.entries()) {
  console.log(`${key}: ${value}`); // 輸出: name: Bob
}

2. Set的使用

Set是一種存儲唯一值的集合，它不允許重復的值存在。Set中的值可以是任意類型。

2.1 創建Set

你可以使用new Set()來創建一個空的Set，或者通過傳入一個數組來初始化Set。

// 創建一個空的Set
const set1 = new Set();

// 通過數組初始化Set
const set2 = new Set([1, 2, 3, 4, 5]);

2.2 添加和刪除元素

使用add()方法可以向Set中添加元素，使用delete()方法可以刪除元素。

const set = new Set();

// 添加元素
set.add(1);
set.add(2);
set.add(3);

// 刪除元素
set.delete(2);

2.3 檢查元素是否存在

使用has()方法可以檢查Set中是否存在某個元素。

console.log(set.has(1)); // 輸出: true
console.log(set.has(2)); // 輸出: false

2.4 獲取Set的大小

使用size屬性可以獲取Set中元素的數量。

console.log(set.size); // 輸出: 2

2.5 遍歷Set

Set提供了values()和entries()方法來遍歷集合中的元素。

for (let value of set.values()) {
  console.log(value); // 輸出: 1, 3
}

for (let entry of set.entries()) {
  console.log(entry); // 輸出: [1, 1], [3, 3]
}

2.6 清空Set

使用clear()方法可以清空Set中的所有元素。

set.clear();
console.log(set.size); // 輸出: 0

3. Map與Set的區別

• 鍵的類型：Map的鍵可以是任意類型，而Set的值可以是任意類型。
• 唯一性：Map中的鍵是唯一的，Set中的值也是唯一的。
• 用途：Map通常用于存儲鍵值對，而Set用于存儲唯一值的集合。

4. 總結

Map和Set是JavaScript中非常有用的數據結構，它們分別用于存儲鍵值對和唯一值。通過本文的介紹，你應該已經掌握了Map和Set的基本使用方法。在實際開發中，根據需求選擇合適的數據結構可以大大提高代碼的效率和可讀性。

希望本文對你有所幫助！