在 JavaScript 中，数据结构是非常重要的。为了更好地管理数据，ES6 引入了两个新的数据结构：Set 和 Map。本文将会介绍如何使用 ES6 中的 Set 和 Map 数据结构，并提供一些示例代码。
Set 数据结构
Set 是 ES6 中的一个新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。下面是创建一个 Set 的方式：
let set = new Set([1, 2, 3]);
console.log(set); // Set {1, 2, 3}添加成员
使用 add() 方法可以向 Set 中添加成员。
set.add(4);
console.log(set); // Set {1, 2, 3, 4}删除成员
使用 delete() 方法可以删除 Set 中的成员。
set.delete(4);
console.log(set); // Set {1, 2, 3}检查成员是否存在
使用 has() 方法可以检查 Set 中是否存在指定成员。
console.log(set.has(2)); // true console.log(set.has(4)); // false
获取 Set 的大小
使用 size 属性可以获取 Set 的大小。
console.log(set.size); // 3
遍历 Set
使用 forEach() 方法或 for...of 循环可以遍历 Set。
set.forEach((value) => {
console.log(value);
});
for (let value of set) {
console.log(value);
}Map 数据结构
Map 是 ES6 中的另一个新的数据结构，它类似于对象，但是键可以是任意类型的。下面是创建一个 Map 的方式：
let map = new Map();
map.set("name", "Tom");
map.set("age", 18);
console.log(map); // Map(2) {"name" => "Tom", "age" => 18}添加成员
使用 set() 方法可以向 Map 中添加成员。
map.set("sex", "male");
console.log(map); // Map(3) {"name" => "Tom", "age" => 18, "sex" => "male"}删除成员
使用 delete() 方法可以删除 Map 中的成员。
map.delete("age");
console.log(map); // Map(2) {"name" => "Tom", "sex" => "male"}检查成员是否存在
使用 has() 方法可以检查 Map 中是否存在指定成员。
console.log(map.has("name")); // true
console.log(map.has("age")); // false获取 Map 的大小
使用 size 属性可以获取 Map 的大小。
console.log(map.size); // 2
遍历 Map
使用 forEach() 方法或 for...of 循环可以遍历 Map。
map.forEach((value, key) => {
console.log(key, value);
});
for (let [key, value] of map) {
console.log(key, value);
}总结
Set 和 Map 是 ES6 中非常有用的数据结构，它们提供了更好的数据管理方式。在实际开发中，我们应该根据实际需求选择合适的数据结构。在操作 Set 和 Map 时，我们可以使用它们提供的方法进行操作，或者使用遍历方法进行数据的处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64605af2968c7c53b020f02c