JavaScript Map 对象

• JavaScript ES5 对象方法
• JavaScript Set 对象

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

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

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

基本的 Map() 方法

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() 方法

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 之间的差异：

浏览器支持

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

• JavaScript ES5 对象方法
• JavaScript Set 对象