JavaScript中Map物件如何使用？有哪些操作？

本篇文章將為大家介紹關於如何建立Map物件以及如何使用Map物件進行添加，獲取，刪除和迭代，所以下面我們就來看看具體的內容。

首先我們來看看如何建立Map物件？

透過建立關聯數組，通常可以更輕鬆地理解Map物件。

我們先用new建立一個實例。

var map = new Map();

要新增元素，我們使用set()方法.

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

在此範例中，字串「Tom」值被加入到「name」中。

順便說一下，在建立實例時也可以如下設定初始值。

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

如何取得和刪除元素

例如，建立一個這樣的Map物件：

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

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

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

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

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

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

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

對於Map 對象，執行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);
}

這篇文章到這裡就全部結束了，更多精彩內容大家可以追蹤php中文網的相關教學欄位！ ！ ！

以上是JavaScript中Map物件如何使用？有哪些操作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！