JavaScript 63 JavaScript 对象 63.9 JavaScript Map 对象

JavaScript

63 JavaScript 对象

63.9 JavaScript Map 对象

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

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

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

63.9.1 基本的 Map() 方法

63.9.2 Map() 属性

63.9.3 创建 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);
1
2
3
4
5
6
7
8
9
10
11
12

可以将 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]
]);
1
2
3
4
5
6
7
8
9
10
11

63.9.4 获取键的值

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

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

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

记住：键是对象apples，而不是字符串"apples"

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

63.9.5 其他 Map() 方法

63.9.6 Map() 属性

63.9.7 Map.size

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

fruits.size;
1

63.9.8 Map.delete()

Map.delete() 删除 Map 元素：

fruits.delete(apples);
1

63.9.9 Map.clear()

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

fruits.clear();
1

63.9.10 Map.has()

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

fruits.has(apples);
1

63.9.11 JavaScript 对象 vs Map

JavaScript 对象和 Map 之间的差异：

63.9.12 浏览器支持

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