JavaScript Map 对象

Map 对象存有键值对，其中的键可以是任何数据类型。

Map 对象记得键的原始插入顺序。

Map 对象具有表示映射大小的属性。

基本的 Map() 方法

Method Description
new Map() 创建新的 Map 对象。
set() 为 Map 对象中的键设置值。
get() 获取 Map 对象中键的值。
entries() 返回 Map 对象中键/值对的数组。
keys() 返回 Map 对象中键的数组。
values() 返回 Map 对象中值的数组。

Map() 属性

Property Description
size 获取 Map 对象中某键的值。

创建 Map 对象

能够使用对象作为键是 Map 的一个重要特性。

实例

// 创建对象
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};

// 创建新的 Map
const fruits = new Map();

// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);

亲自试一试

您可以将 Array 传递给 new Map() 构造函数：

实例

// 返回
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};

// 创建新的 Map
const fruits = new Map([;
  [apples, 500],
  [bananas, 300],
  [oranges, 200]
]);

亲自试一试

获取键的值

get() 方法获取 Map 中键的值：

实例

fruits.get(apples);    // 返回 500

亲自试一试

Remember: The key is an object (apples), not a string ("apples"):

实例

fruits.get("apples");  // 返回 undefined

亲自试一试

其他 Map() 方法

方法 描述
clear() 删除 Map 中的所有元素。
delete() 删除由键指定的元素。
has() 如果键存在，则返回 true。
forEach() 为每个键/值对调用回调。

Map() 属性

属性 描述
size 获取 Map 中键的值。

Map.size

Map.size 返回 Map 中元素的数量：

实例

fruits.size;

亲自试一试

Map.delete()

Map.delete() 删除 Map 元素：

实例

fruits.delete(apples);

亲自试一试

Map.clear()

Map.clear() 从 Map 中移除所有元素：

实例

fruits.clear();

亲自试一试

Map.has()

如果 Map 中存在键，则 Map.has() 返回 true：

实例

fruits.has(apples);

亲自试一试

JavaScript 对象 vs Map

JavaScript 对象和 Map 之间的差异：

对象 Map
Size 对象没有 size 属性 Maps 有 size 属性
键类型 对象键必须是字符串（或符号） Map 键可以是任何数据类型
键顺序 对象键没有很好地排序 Map 键按插入排序
默认 对象有默认键 Map 没有默认键

浏览器支持

除了 Internet Explorer 之外，所有主要浏览器都支持 JavaScript Map：

Chrome IE Firefox Safari Opera
Chrome Edge Firefox Safari Opera