概念
Map 是 JavaScript 中的一種數據結構，它允許你存儲鍵值對，并且可以通過鍵來訪問對應的值。在本教程中，我們將學習如何聲明、添加、刪除、獲取和遍歷 Map 集合。
ES6 提供了 Map 數據結構。它類似于對象，也是鍵值對的集合。但是 “鍵” 的范圍不限于字符串，各種類型的值（包括對象）都可以當作鍵。Map 也實現了 iterator 接口，所以可以使用『擴展運算符』和「for…of…』進行遍歷。Map 的屬性和方法。
聲明 Map
首先，我們需要聲明一個 Map 對象。在 JavaScript 中，你可以使用 new Map() 來創建一個新的 Map 實例。
let m = new Map();
Map的屬性和方法：
- size：返回Map的元素個數。
- set(key, value)：增加一個新元素，返回當前Map。
- get(key)：返回鍵名對象的鍵值。
- has(key)：檢測Map中是否包含某個元素，返回boolean值。
- clear()：清空集合，返回undefined。
添加元素
你可以使用 set 方法向 Map 中添加元素。set 方法接受兩個參數：鍵和值。
m.set('name', '星達網絡');
m.set('change', function() {console.log("我們可以改變你!!");
});
let key = {school: 'xkadmin'
};
m.set(key, ['北京', '上海', '深圳']);
獲取元素數量
你可以使用 size 屬性來獲取 Map 中元素的數量。
console.log(m.size);
刪除元素
你可以使用 delete 方法從 Map 中刪除指定的鍵值對。
m.delete('name');
獲取元素
你可以使用 get 方法獲取 Map 中指定鍵的值。
console.log(m.get('change'));
console.log(m.get(key));
清空 Map
你可以使用 clear 方法清空 Map 中的所有元素。
m.clear();
遍歷 Map
你可以使用 for...of 循環來遍歷 Map 中的所有鍵值對。
for(let v of m) {console.log(v);
}
完整代碼示例
下面是一個完整的代碼示例，展示了如何使用 Map 集合。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Map</title>
</head>
<body><script>//聲明 Maplet m = new Map();//添加元素m.set('name', '星達網絡');m.set('change', function() {console.log("我們可以改變你!!");});let key = {school: 'xkadmin'};m.set(key, ['北京', '上海', '深圳']);//sizeconsole.log(m.size);//刪除m.delete('name');//獲取console.log(m.get('change'));console.log(m.get(key));//清空// m.clear();//遍歷for(let v of m) {console.log(v);}// console.log(m);</script>
</body>
</html>
