返回

ES6 入门之Set 和 Map

前端

在这个信息时代,我们越来越依赖数据来做出决策。为了有效地管理和操作这些数据,我们需要使用合适的工具。ES6 中的 Set 和 Map 就是两个非常有用的数据结构,可以帮助我们更轻松地处理数据。

Set

Set 是一个包含唯一值的集合。这意味着 Set 中的每个值只能出现一次。要创建一个 Set,我们可以使用 new Set() 构造函数。例如:

const mySet = new Set();

我们可以使用 add() 方法向 Set 中添加值。例如:

mySet.add(1);
mySet.add(2);
mySet.add(3);

我们可以使用 has() 方法检查 Set 中是否包含某个值。例如:

console.log(mySet.has(2)); // true

我们可以使用 size 属性获取 Set 中的元素个数。例如:

console.log(mySet.size); // 3

我们可以使用 forEach() 方法遍历 Set 中的每个元素。例如:

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

Map

Map 是一个键值对的集合。这意味着 Map 中的每个键都对应一个值。要创建一个 Map,我们可以使用 new Map() 构造函数。例如:

const myMap = new Map();

我们可以使用 set() 方法向 Map 中添加键值对。例如:

myMap.set('name', 'John Doe');
myMap.set('age', 30);

我们可以使用 get() 方法获取 Map 中某个键对应的值。例如:

console.log(myMap.get('name')); // John Doe

我们可以使用 has() 方法检查 Map 中是否包含某个键。例如:

console.log(myMap.has('name')); // true

我们可以使用 size 属性获取 Map 中的键值对个数。例如:

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

我们可以使用 forEach() 方法遍历 Map 中的每个键值对。例如:

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

总结

Set 和 Map 是 ES6 中两个非常有用的数据结构。Set 允许存储唯一值,而 Map 允许使用键值对存储数据。了解 Set 和 Map 的使用方法可以帮助 JavaScript 开发人员更有效地管理和操作数据。