Map ng JavaScript

Map ay isang koleksyon ng key-value, kung saan ang key ay maaaring maging anumang uri ng datos.

Map ay maaaring tandaan ang orihinal na pagpasok ng susi

Paano lumikha ng Map

Maaaring lumikha ng JavaScript Map sa pamamagitan ng ang mga sumusunod:

  1. Ilagay ang isang array sa pamamagitan ng new Map()
  2. Lumikha ng isang Map at gamitin ang Map.set()

new Map() paraan

Maaaring ilagay ang isang array sa pamamagitan ng new Map() Paraan ng paglulikha ng Map sa pamamagitan ng constructor:

Instance

// Lumikha ng isang Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

Subukan natin ito personal na:

set() paraan

Maaaring gamitin ang set() Mga paraan ng pagdaragdag ng elemento sa Map:

Instance

// Lumikha ng isang Map
const fruits = new Map();
// Itaas ang halaga ng Map
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Subukan natin ito personal na:

set() Mga paraan din ay maaaring gamitin para baguhin ang kasalukuyang halaga ng Map:

Instance

fruits.set("apples", 200);

Subukan natin ito personal na:

Mga paraan ng get()

get() Mga paraan ng pagkuha ng halaga ng susi sa Map:

Instance

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

Subukan natin ito personal na:

Map ay isang object

typeof Babalik ang object:

Instance

// Babalik ang object:
typeof fruits;

Subukan natin ito personal na:

instanceof Map Babalik ang true:

Instance

// Babalik ang true:
fruits instanceof Map;

Subukan natin ito personal na:

Kaibahan ng JavaScript object at Map

Ito ang kaibahan ng JavaScript object at Map:

对象 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。