JavaScript中Map對象的使用方法

JavaScript中Map對象的使用方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

首先我們來看一下如何創建Map對象？

通過創建關聯數組，通?？梢愿菀椎乩斫釳ap對象。

我們首先用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);
}

感謝各位的閱讀！看完上述內容，你們對JavaScript中Map對象的使用方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。