您好,登錄后才能下訂單哦!
這篇文章主要講解了“JS中的Map對象如何使用”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“JS中的Map對象如何使用”吧!
1.js創建map對象
var map = new Map();
2.將鍵值對放入map對象
map.set("key",value) map.set("key1",value1) map.set("key2",value2)
3.根據key獲取map值
map.get(key)
4.刪除map指定對象
delete map[key]
或
map.delete(key)
5.循環遍歷map
map.forEach(function(key){ console.log("key",key) //輸出的是map中的value值 })
Map 對象保存鍵值對。任何值(對象,數組,字符串,數值,布爾,null,undefined) 都可以作為一個鍵或一個值。
一個Map對象在迭代時會根據對象中元素的插入順序來進行 — 一個 for...of 循環在每次迭代后會返回一個形式為[key,value]的數組。
Object 構造函數創建一個對象包裝器。內容為成對的名稱(字符串)與值(任何值),其中名稱通過冒號與值分隔。
Objects 和 Maps 類似的是,它們都允許你按鍵存取一個值、刪除鍵、檢測一個鍵是否綁定了值。因此(并且也沒有其他內建的替代方式了)過去我們一直都把對象當成 Maps 使用。不過 Maps 和 Objects 有一些重要的區別,在下列情況里使用 Map 會是更好的選擇:
Map | Object | |
---|---|---|
意外的鍵 | Map 默認情況不包含任何鍵。只包含顯式插入的鍵。 | 一個 Object 有一個原型, 原型鏈上的鍵名有可能和你自己在對象上的設置的鍵名產生沖突。注意: 雖然 ES5 開始可以用 Object.create(null) 來創建一個沒有原型的對象,但是這種用法不太常見。 |
鍵的類型 | 一個 Map的鍵可以是任意值,包括函數、對象或任意基本類型。 | 一個Object 的鍵必須是一個 String 或是Symbol。 |
鍵的順序 | Map 中的 key 是有序的。因此,當迭代的時候,一個 Map 對象以插入的順序返回鍵值。 | 一個 Object 的鍵是無序的注意:自ECMAScript 2015規范以來,對象確實保留了字符串和Symbol鍵的創建順序; 因此,在只有字符串鍵的對象上進行迭代將按插入順序產生鍵。 |
Size | Map 的鍵值對個數可以輕易地通過size 屬性獲取 | Object 的鍵值對個數只能手動計算 |
迭代 | Map 是 iterable 的,所以可以直接被迭代。 | 迭代一個Object需要以某種方式獲取它的鍵然后才能迭代。 |
性能 | 在頻繁增刪鍵值對的場景下表現更好。 | 在頻繁添加和刪除鍵值對的場景下未作出優化。 |
感謝各位的閱讀,以上就是“JS中的Map對象如何使用”的內容了,經過本文的學習后,相信大家對JS中的Map對象如何使用這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。