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

  1. Dapat dibuat Map JavaScript dengan cara new Map()
  2. 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]
]);

Cuba sendiri

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);

Cuba sendiri

set() Metode ini juga dapat digunakan untuk mengubah nilai Map yang ada:

Instance

fruits.set("apples", 200);

Cuba sendiri

Cara get()

get() Cara mengambil nilai kunci dalam Map:

Instance

fruits.get("apples");    // Kembalikan 500

Cuba sendiri

Map adalah objek

typeof Kembalikan object:

Instance

// Kembalikan object:
typeof fruits;

Cuba sendiri

instanceof Map Kembalikan true:

Instance

// Kembalikan true:
fruits instanceof Map;

Cuba sendiri

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。