本篇文章將給大家介紹關于如何創(chuàng)建Map對象以及如何使用Map對象進行添加，獲取，刪除和迭代，所以下面我們就來看看具體的內容。

首先我們來看一下如何創(chuàng)建Map對象？

通過創(chuàng)建關聯(lián)數組，通常可以更容易地理解Map對象。

我們首先用new創(chuàng)建一個實例。

var map = new Map();

要添加元素，我們使用set()方法.

map.set('name', 'Tom');

在此示例中，字符串“Tom”值被添加到“name”中。

順便說一下，在創(chuàng)建實例時也可以如下設置初始值。

new Map([['name', 'Tom'], ['name', 'Jerry']]);

如何獲取和刪除元素

例如，創(chuàng)建一個這樣的Map對象：

var map = new Map();
  
map.set('name', 'Tom');
map.set('age', 18);

要獲取此Map對象的“name”值，可以使用get()方法。如下所示

console.log(map.get('name'));

順便說一下，如果執(zhí)行「size」的話，可以取得存儲的元素數，使用has()的話可以確認是否存在任意的值。

console.log(map.size);
console.log(map.has('age'));

要刪除元素，只需在delete（）中指定要刪除的元素的值。

map.delete('name');
map.clear();

對于Map 對象，執(zhí)行clear將刪除所有存儲的元素。

Map對象的迭代處理

通常，迭代使用for-of語句很容易，但是Map對象提供了有用的屬性。

例如，您可以使用key()來檢索存儲元素的所有“鍵”。

請看下面的示例

for(var key of map.keys()) {
  console.log(key);
}

在此示例中，可以看到我們使用keys()對Map對象存儲所存儲的鍵進行反復處理

因此Map對象的所有鍵都可以列舉出來。

此外，使用values()這次將獲得所有的值。

for(var val of map.values()) {
  console.log(val);
}

本篇文章到這里就全部結束了