正文

JavaScript中定义Map集合：详解创建、添加元素及常用操作方法

/0 浏览量
0510

在JavaScript中，Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值（对象或者原始值）都可以作为一个键或一个值。Map 对象比对象更灵活，因为对象只能使用字符串或符号作为键。

创建Map集合

创建一个Map对象非常简单，你可以使用new关键字来创建一个空的Map，也可以直接使用对象字面量语法来创建一个包含初始键值对的Map。

// 创建一个空的Map
let map = new Map();

// 使用对象字面量语法创建一个包含初始键值对的Map
let mapWithInitialValues = new Map([['key1', 'value1'], ['key2', 'value2']]);

添加元素

向Map中添加元素使用set方法，它接受两个参数：键和值。

// 向Map中添加元素
map.set('key3', 'value3');

你也可以使用扩展运算符...将一个数组解构为键值对，并添加到Map中。

// 使用扩展运算符添加多个键值对
let items = [['key4', 'value4'], ['key5', 'value5']];
map.set(...items);

常用操作方法

获取值

使用get方法可以获取Map中与指定键关联的值。

// 获取值
let value = map.get('key3'); // 'value3'

删除元素

使用delete方法可以删除Map中的元素。

// 删除元素
map.delete('key3');

检查键是否存在

使用has方法可以检查Map中是否存在指定的键。

// 检查键是否存在
let hasKey = map.has('key3'); // false

获取Map的大小

使用size属性可以获取Map中的键值对数量。

// 获取Map的大小
let size = map.size; // 2

清空Map

使用clear方法可以清空Map中的所有元素。

// 清空Map
map.clear();

遍历Map

可以使用keys、values和entries方法来遍历Map。

// 遍历键
for (let key of map.keys()) {
  console.log(key);
}

// 遍历值
for (let value of map.values()) {
  console.log(value);
}

// 遍历键值对
for (let [key, value] of map.entries()) {
  console.log(key, value);
}

示例：使用Map进行计数

假设我们有一个数组，我们想要计算每个元素出现的次数。

let array = ['apple', 'banana', 'apple', 'orange', 'banana', 'banana'];

let countMap = new Map();

array.forEach(item => {
  countMap.set(item, (countMap.get(item) || 0) + 1);
});

console.log(countMap); // Map { 'apple' => 2, 'banana' => 3, 'orange' => 1 }

在这个例子中，我们使用了Map的set方法来存储每个元素及其计数，如果元素已经存在，则增加计数。

通过上述内容，你应该对如何在JavaScript中使用Map对象有了基本的了解。Map对象提供了一种更灵活的方式来存储键值对，并且在需要保持插入顺序的场合非常有用。

-- 展开阅读全文 --