本篇文章將為大家介紹關於如何建立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中文網其他相關文章!