JavaScript Maps
Map 包含鍵值對,其中鍵可以是任何資料型別。
Map 會記住鍵的原始插入順序。
如何建立一個 Map
你可以透過以下方式建立 JavaScript Map:
- 將陣列傳遞給
new Map()
- 建立 Map 並使用
Map.set()
new Map() 方法
你可以將陣列傳遞給 new Map()
建構函式來建立一個 Map。
示例
// 建立一個 Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
自己動手試一試 »
set() 方法
你可以使用 set()
方法向 Map 新增元素。
示例
// 建立一個 Map
const fruits = new Map();
// 設定 Map 值
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
自己動手試一試 »
set() 方法也可用於更改現有的 Map 值。
get() 方法
get() 方法獲取 Map 中鍵的值。
Map 是 Object
typeof
返回 object
instanceof
Map 返回 true
JavaScript Object 與 Map 對比
JavaScript Object 和 Map 之間的區別
物件 | Map |
---|---|
不能直接迭代 | 可直接迭代 |
沒有 size 屬性 | 有 size 屬性 |
鍵必須是字串(或 Symbol) | 鍵可以是任何資料型別 |
鍵順序不明確 | 鍵按插入順序排列 |
有預設鍵 | 沒有預設鍵 |
瀏覽器支援
Map
是 ES6 功能(JavaScript 2015)。
自 2017 年 6 月起,所有現代瀏覽器都完全支援 ES6
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
Map
在 Internet Explorer 中不受支援。