ES6当中的Map与Set数据结构的深入研究

2023-12-08 12:59:56

在ES6中，Map和Set是两个新的数据结构，它们提供了比传统对象和数组更强大和灵活的特性。了解这两种数据结构对现代JavaScript开发非常重要。

Map：键值对的映射

在ES6中，我们可以使用Map来存储键值对的集合。Map与传统对象的一个主要区别是，Map可以接受任何类型的值作为键，而传统对象只能接受字符串值作为键。

Map的初始化：

const map = new Map();

Map的常见方法：

map.set(key, value)：向Map中添加一个键值对。
map.get(key)：从Map中获取指定键对应的值。
map.has(key)：检查Map中是否包含指定键。
map.delete(key)：从Map中删除指定键对应的值。
map.size：返回Map中键值对的数量。

Map的实例：

const map = new Map();

map.set('name', 'John Doe');
map.set('age', 30);
map.set('city', 'New York');

console.log(map.get('name')); // "John Doe"
console.log(map.get('age')); // 30
console.log(map.has('city')); // true
console.log(map.delete('city')); // true
console.log(map.size); // 2

Set：值的不重复集合

在ES6中，我们可以使用Set来存储值的不重复集合。Set与传统数组的一个主要区别是，Set中的值必须是唯一的，这意味着不允许重复值。

Set的初始化：

const set = new Set();

Set的常见方法：

set.add(value)：向Set中添加一个值。
set.delete(value)：从Set中删除指定的值。
set.has(value)：检查Set中是否包含指定的值。
set.size：返回Set中值的个数。

Set的实例：

const set = new Set();

set.add('John Doe');
set.add('Jane Doe');
set.add('John Doe'); // 重复值被忽略

console.log(set.has('John Doe')); // true
console.log(set.delete('John Doe')); // true
console.log(set.size); // 1

Map和Set的比较

特征	Map	Set
值类型	键值对	值
键类型	任意类型	任意类型
值是否唯一	否	是
常见方法	`set()`, `get()`, `has()`, `delete()`, `size`	`add()`, `delete()`, `has()`, `size`