在 ES6 中，我们可以使用 Map 和 Set 数据结构来存储数据。这两种数据结构都有其独特的特点和常用操作方法，可以帮助我们更方便地处理数据。本文将详细介绍 Map 和 Set 数据结构及其常用操作方法。
Map 数据结构
Map 数据结构是一种键值对的集合，其中键和值可以是任意类型的数据。Map 中的键是唯一的，而值可以重复。我们可以使用以下方式来创建一个 Map：
const map = new Map();
我们也可以在创建 Map 的同时指定初始值：
const map = new Map([ ['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3'] ]);
常用操作方法
以下是 Map 数据结构常用的操作方法：
set(key, value)
向 Map 中添加一个键值对。
map.set('key4', 'value4');get(key)
根据键获取对应的值。
map.get('key1'); // 'value1'has(key)
判断 Map 中是否存在指定的键。
map.has('key1'); // truedelete(key)
删除 Map 中指定的键值对。
map.delete('key1');clear()
清空 Map 中的所有键值对。
map.clear();
size
获取 Map 中键值对的数量。
map.size; // 3
示例代码
-- -------------------- ---- ------- ----- --- - --- ----- -------- ---------- -------- ---------- -------- --------- --- --------------- ---------- ----------------------------- -- -------- ----------------------------- -- ---- ------------------- ---------------------- -- - ------------ ---------------------- -- -
Set 数据结构
Set 数据结构是一种无序且不重复的集合，其中每个元素都是唯一的。我们可以使用以下方式来创建一个 Set：
const set = new Set();
我们也可以在创建 Set 的同时指定初始值：
const set = new Set(['value1', 'value2', 'value3']);
常用操作方法
以下是 Set 数据结构常用的操作方法：
add(value)
向 Set 中添加一个元素。
set.add('value4');has(value)
判断 Set 中是否存在指定的元素。
set.has('value1'); // truedelete(value)
删除 Set 中指定的元素。
set.delete('value1');clear()
清空 Set 中的所有元素。
set.clear();
size
获取 Set 中元素的数量。
set.size; // 3
示例代码
-- -------------------- ---- ------- ----- --- - --- -------------- --------- ----------- ------------------ ------------------------------- -- ---- --------------------- ---------------------- -- - ------------ ---------------------- -- -
总结
Map 和 Set 数据结构是 ES6 中新增的数据结构，它们可以帮助我们更方便地处理数据。Map 数据结构适用于需要存储键值对的场景，而 Set 数据结构适用于需要存储不重复元素的场景。我们可以根据具体的需求选择使用哪种数据结构。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d6b6281886fbafa445a729