赛捷软件论坛's Archiver

vicky.yu 发表于 2022-12-12 10:01

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

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.