ES6 Set和Map 构建优雅代码

2023-12-26 02:00:18

在JavaScript的海洋中，数据结构就像一个个岛屿，存储着程序中不可或缺的信息。ES6为我们带来了两座新岛屿：Set和Map，它们与Array和Object这两座经典岛屿有着截然不同的特性和用途。

Set：不重复元素的集合

Set就像一个去重过滤器，它只允许不重复的元素存在。您可以使用它来过滤掉数组中的重复元素，也可以用它来检查一个元素是否已经在集合中。

使用Set非常简单，只需使用new即可创建一个Set实例。例如：

const mySet = new Set([1, 2, 3, 2, 4, 5]);
console.log(mySet); // {1, 2, 3, 4, 5}

Set的属性和方法非常简洁。它只有一个属性size，可以获取集合中元素的数量。它有三个方法：add()、delete()和has()。add()方法可以向集合中添加元素，delete()方法可以从集合中删除元素，has()方法可以检查一个元素是否在集合中。

// 添加元素
mySet.add(6);
console.log(mySet); // {1, 2, 3, 4, 5, 6}

// 删除元素
mySet.delete(2);
console.log(mySet); // {1, 3, 4, 5, 6}

// 检查元素是否存在
console.log(mySet.has(3)); // true
console.log(mySet.has(7)); // false

Map：键值对的容器

Map就像一个键值对的字典，它允许您使用键来快速查找对应的值。Map的键可以是任何类型的值，包括对象和数组。

使用Map也很简单，只需使用new关键字即可创建一个Map实例。例如：

const myMap = new Map([
  ["name", "John Doe"],
  ["age", 30],
  ["city", "New York"]
]);
console.log(myMap); 
/* Map {
  "name" => "John Doe",
  "age" => 30,
  "city" => "New York"
} */

Map的属性和方法也十分精简。它只有一个属性size，可以获取键值对的数量。它有四个方法：set()、get()、delete()和has()。set()方法可以向Map中添加键值对，get()方法可以获取指定键对应的值，delete()方法可以从Map中删除键值对，has()方法可以检查一个键是否存在于Map中。

// 添加键值对
myMap.set("job", "Software Engineer");
console.log(myMap); 
/* Map {
  "name" => "John Doe",
  "age" => 30,
  "city" => "New York",
  "job" => "Software Engineer"
} */

// 获取值
console.log(myMap.get("name")); // John Doe

// 删除键值对
myMap.delete("age");
console.log(myMap); 
/* Map {
  "name" => "John Doe",
  "city" => "New York",
  "job" => "Software Engineer"
} */

// 检查键是否存在
console.log(myMap.has("name")); // true
console.log(myMap.has("age")); // false