ES6中的Set和Map，带你走入深层次的世界

2023-01-11 21:39:47

Set和Map：ES6数据结构的奇妙世界

在编程的世界里，管理和处理数据是至关重要的。传统的数组和对象虽然好用，但它们在处理大型数据集或特定类型的数据时，可能显得力不从心。ES6引入了两种强大的数据结构——Set和Map，它们能够帮助开发者更加高效地管理数据，打开编程世界的大门。

Set：无序且独特的集合

想象一下，你有一份包含很多名字的列表。你想知道列表中有哪些唯一的名字，并且希望它们按添加顺序排列。这就是Set的用武之地。Set是一种无序集合，它只允许存储唯一的值。这意味着你可以轻松地删除列表中的重复项，并确保每个值只出现一次。

举个例子，以下代码创建一个Set并向其中添加一些名字：

const names = new Set(["John", "Mary", "Bob", "Alice", "John"]);

// 检查Set中是否存在某个元素
console.log(names.has("John")); // true

// 获取Set中的元素个数
console.log(names.size); // 4

Map：键值对的游乐场

现在，让我们考虑另一个场景：你有一个包含产品及其价格的列表。你想快速查找某个产品的价格。传统的对象可以完成这项任务，但Map提供了更优化的解决方案。Map是一种键值对的集合，允许你使用任何类型的值作为键和值。这意味着你可以使用产品名称作为键，而价格作为值，从而轻松地查找特定产品的价格。

以下代码创建一个Map并向其中添加一些产品和价格：

const products = new Map();
products.set("Apple", 1.99);
products.set("Banana", 0.99);
products.set("Orange", 1.49);

// 获取某个产品的价格
console.log(products.get("Apple")); // 1.99

// 检查Map中是否存在某个键
console.log(products.has("Grape")); // false