JS map和set详解|极客笔记

JS map和set详解

在JavaScript中，Map和Set是两种常用的数据结构，用于存储和管理数据。在本文中，我们将详细介绍Map和Set的用法以及它们之间的区别。

Map

Map是一种键值对的集合，其中每个键对应一个值。在Map中，键可以是任何数据类型，包括对象、函数和原始值。

创建Map

可以使用new Map()来创建一个空的Map，也可以在创建时指定初始内容。下面是一个创建Map的示例：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

获取Map的大小

可以使用size属性获取Map的大小，即其中键值对的数量：

console.log(myMap.size); // 输出2

获取Map中的值

可以使用get()方法获取指定键对应的值：

console.log(myMap.get('key1')); // 输出'value1'
console.log(myMap.get('key3')); // 输出undefined，因为不存在该键

遍历Map

可以使用forEach方法或for...of循环来遍历Map中的键值对：

myMap.forEach((value, key) => {
    console.log(` ${key}:$ {value}`);
});

for (let [key, value] of myMap) {
    console.log(` ${key}:$ {value}`);
}

删除和清空Map

可以使用delete()方法删除指定键值对，使用clear()方法清空Map中的所有内容：

myMap.delete('key1');
console.log(myMap.size); // 输出1

myMap.clear();
console.log(myMap.size); // 输出0

Set

Set是一种值的集合，其中每个值在Set中只出现一次。与Map不同，Set中不需要键值对，只需要值。

创建Set

可以使用new Set()来创建一个空的Set，也可以在创建时指定初始内容。下面是一个创建Set的示例：

const mySet = new Set([1, 2, 3]);
mySet.add(4);

获取Set的大小

可以使用size属性获取Set的大小，即其中值的数量：

console.log(mySet.size); // 输出4

检查值是否存在

可以使用has()方法检查Set中是否包含指定的值：

console.log(mySet.has(1)); // 输出true
console.log(mySet.has(5)); // 输出false

遍历Set

可以使用forEach方法或for...of循环来遍历Set中的值：

mySet.forEach(value => {
    console.log(value);
});

for (let value of mySet) {
    console.log(value);
}

删除和清空Set

可以使用delete()方法删除指定的值，使用clear()方法清空Set中的所有内容：

mySet.delete(1);
console.log(mySet.size); // 输出3

mySet.clear();
console.log(mySet.size); // 输出0

Map和Set的区别

Map 是键值对的集合，而 Set 是值的集合。
Map 中的键可以是任何数据类型，而 Set 中的值只能是原始值。
Map 中保持键值对的插入顺序，而 Set 中保持值的插入顺序。
Map 具有size属性以获取大小，而 Set 也有相同属性。
Map 使用set()方法添加键值对，使用get()方法获取值；Set 使用add()方法添加值，使用has()方法检查值是否存在。

总的来说，Map适用于需要键值对的情况，而Set适用于只需要存储值的情况。

在实际开发中，Map和Set经常被用于处理数据，例如去重、数据存储等操作。

JS map和set详解