介绍
在前端开发中，数据存储是一个非常重要的问题。ES6提供了一些新的集合数据类型，包括Set和Map，可以方便地实现数据存储。本文将介绍这两种数据类型的用法，并提供示例代码。
Set
Set是一种无序、不重复的集合。它类似于数组，但是成员的值都是唯一的，没有重复的值。
创建Set
可以用下面的代码创建一个Set：
const set = new Set([1, 2, 3]);
这里创建了一个包含1、2、3的Set。
添加元素
可以用add方法向Set中添加元素：
set.add(4);
这里添加了一个值为4的元素。
删除元素
可以用delete方法删除Set中的元素：
set.delete(3);
这里删除了值为3的元素。
判断元素是否存在
可以用has方法判断Set中是否存在某个元素：
set.has(2); // true set.has(3); // false
遍历Set
可以用for...of循环遍历Set中的元素：
for (const item of set) {
console.log(item);
}示例代码
下面是一个使用Set实现数据存储的示例代码：
-- -------------------- ---- ------- ----- ---- - --- ------ -- ---- ------------------ ------------------- ------------------- -- -------- ------------------------------- -- ---- ------------------------------------ -- ----- -- ---- ---------------------- -- ---- --- ------ ---- -- ----- - ------------------ -
Map
Map是一种键值对的集合。它类似于对象，但是键可以是任意类型的值。
创建Map
可以用下面的代码创建一个Map：
const map = new Map([ ['name', 'Tom'], ['age', 18], ]);
这里创建了一个包含键值对"name":"Tom"和"age":18的Map。
添加元素
可以用set方法向Map中添加键值对：
map.set('gender', 'male');这里添加了一个键值对"gender":"male"。
删除元素
可以用delete方法删除Map中的键值对：
map.delete('age');这里删除了键为"age"的键值对。
判断元素是否存在
可以用has方法判断Map中是否存在某个键：
map.has('name'); // true
map.has('email'); // false获取元素
可以用get方法获取Map中某个键对应的值：
map.get('name'); // "Tom"遍历Map
可以用for...of循环遍历Map中的键值对：
for (const [key, value] of map) {
console.log(key, value);
}示例代码
下面是一个使用Map实现数据存储的示例代码：
-- -------------------- ---- ------- ----- ---- - --- ------ -- ---- ---------------- ------- --------------- ---- ------------------ -------- -- -------- ------------------------------ -- ---- ------------------------------- -- ----- -- ---- ------------------- -- ---- ------------------------------ -- ----- -- ---- --- ------ ----- ------ -- ----- - ---------------- ------- -
总结
使用ES6的集合数据类型可以方便地实现数据存储。Set可以用于存储一组不重复的数据，Map可以用于存储键值对。在实际开发中，可以根据具体需求选择适合的数据类型来实现数据存储。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650eb77795b1f8cacd7c5ddd