Map JavaScript
Rekomendasi kursus:
Map adalah koleksi pasangan kunci dan nilai, di mana kunci dapat berupa tipe data apapun.
Map akan mengingat urutan asal penambahan kunci.
Cara membuat Map
- Dapat dibuat Map JavaScript dengan cara
new Map()
。 - Buat sebuah Map dan gunakan
Map.set()
。
metode new Map()
Dapat dilakukan dengan mengirimkan sebuah array kepada new Map()
Konstruktor untuk membuat Map:
Instance
// Buat sebuah Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ["oranges", 200] ]);
metode set()
Dapat digunakan set()
Metode menambahkan elemen ke Map:
Instance
// Buat sebuah Map const fruits = new Map(); // Setel nilai Map fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
Metode ini juga dapat digunakan untuk mengubah nilai Map yang ada:
Instance
fruits.set("apples", 200);
Cara get()
get()
Cara mengambil nilai kunci dalam Map:
Instance
fruits.get("apples"); // Kembalikan 500
Map adalah objek
typeof
Kembalikan object:
Instance
// Kembalikan object: typeof fruits;
instanceof Map
Kembalikan true:
Instance
// Kembalikan true: fruits instanceof Map;
Perbezaan antara objek JavaScript dan Map
Berikut adalah perbezaan antara objek JavaScript dan Map:
objek | Map |
---|---|
不可直接迭代 | 可直接迭代 |
没有 size 属性 | 有 size 属性 |
键必须是字符串或 Symbol | 键可以是任何数据类型 |
键的顺序不明确 | 键按插入顺序排序 |
有默认键 | 没有默认键 |
完整的 Map 参考手册
如需完整参考,请访问我们的:JavaScript Map 参考手册。
该手册包含所有 Map 属性和方法的描述和实例。
浏览器支持
Map 是 ES6 的特性(JavaScript 2015)。
自 2017 年 6 月起,所有现代浏览器均支持 ES6:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
Internet Explorer 不支持 Map。