首頁 > web前端 > js教程 > JavaScript中Map物件如何使用?有哪些操作?

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

不言
發布: 2019-01-09 16:01:25
原創
12872 人瀏覽過

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

JavaScript中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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板