首頁 >web前端 >js教程 >javascript怎麼讀取map的值

javascript怎麼讀取map的值

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-07-19 16:43:567576瀏覽

JavaScript可以透過下標取得map值。 Map物件保存鍵/值對,是鍵/值對的集合,任何值(物件或原始值) 都可以作為一個鍵或一個值。 Object結構提供了「字串—值」的對應,Map結構提供了「值—值」的對應。

javascript怎麼讀取map的值

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

Map物件保存鍵/值對,是鍵/值對的集合。任何值(物件或原始值) 都可以作為一個鍵或一個值。 Object結構提供了「字串—值」的對應,Map結構提供了「值—值」的對應。

JavaScript取得map值範例:

map对象如下:
var mapObject = {
id1001: '小明',
id1002: '小花'
}

取得id是'id001'對應的值:

for(var key in mapObject){
var value = mapObject[ key ]; //注意是 [ ]
alert(value); //依次弹出小明、小花
}

Object 與Map 物件的比較:

#相似點: 都允許你按鍵存取一個值、刪除鍵、偵測一個鍵是否綁定了值。

不同點:

1. 一個物件的鍵只能是字串或 Symbols,但一個 Map 的鍵可以是任意值,包括函數、物件、基本型別。

2.Map 中的鍵值是有序的,而新增到物件中的鍵則不是。因此,當對它進行遍歷時,Map物件是按插入的順序傳回鍵值。

3. 透過 size 屬性直接取得一個 Map 的鍵值對個數,而 Object 的鍵值對個數只能手動計算。

4. Map 是可迭代的,而 Object 的迭代則需要先取得它的鍵數組然後再進行迭代。

5. Object 都有自己的原型,所以原型鏈上的鍵名有可能和物件上的鍵名產生衝突。雖然 ES5 一開始可以用 map = Object.create(null) 來建立一個沒有原型的對象,但這種用法不太常見。

6. Map 在頻繁增刪鍵值對的場景下會有些效能優勢。

【推薦學習:javascript高階教學

#

以上是javascript怎麼讀取map的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn