在 ES8 中，我们可以使用更简洁、易于阅读和使用的方法来创建 Map 和 Set。在本文中，我们将探讨这些新方法的详细信息，包括示例代码和指导意义。
Map
Map 对象是一种简单的键/值映射，其中的键和值可以是任意类型的。在 ES8 中，我们可以使用以下方式创建 Map：
const myMap = new Map([ ['key1', 'value1'], ['key2', 'value2'] ]);
这将创建一个名为 myMap 的 Map 对象，其中有两个条目，每个条目包含一个键和一个值。在这个例子中，myMap 将包含两个条目，第一个条目的键是 key1，值是 value1，第二个条目的键是 key2，值是 value2。
我们还可以使用 set() 方法向 Map 对象中添加元素，如下所示：
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');在这个例子中，我们首先创建了一个空的 Map 对象，然后使用 set() 方法添加了两个条目。
除了使用 set() 方法，我们还可以使用 get() 方法获取 Map 对象中的值，如下所示：
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
console.log(myMap.get('key1')); // 'value1'
console.log(myMap.get('key2')); // 'value2'在这个例子中，我们使用 get() 方法获取了 Map 对象中的两个值。请注意，我们在调用 get() 方法时传递的参数是与我们所添加的键相同的键。
Set
Set 对象是一种简单的集合，其中的元素可以是任意类型的。在 ES8 中，我们可以使用以下方式创建 Set：
const mySet = new Set(['value1', 'value2']);
这将创建一个名为 mySet 的 Set 对象，其中包含两个元素：value1 和 value2。在这个例子中，我们使用了包含初始值的数组来创建 Set。
除了使用数组来创建 Set，我们还可以使用 add() 方法添加元素，如下所示：
const mySet = new Set();
mySet.add('value1');
mySet.add('value2');在这个例子中，我们首先创建了一个空的 Set 对象，然后使用 add() 方法添加了两个元素。
除了使用 add() 方法，我们还可以使用 has() 方法检查元素是否存在于 Set 对象中，如下所示：
const mySet = new Set();
mySet.add('value1');
mySet.add('value2');
console.log(mySet.has('value1')); // true
console.log(mySet.has('value3')); // false在这个例子中，我们使用 has() 方法检查了 Set 对象中的两个元素。请注意，当我们尝试检查一个不存在于 Set 中的元素时，has() 方法将返回 false。
指导意义
在编写前端代码时，Map 和 Set 对象经常用于存储和操作数据。通过使用 ES8 中的集中写法，我们可以更轻松地创建和操作这些对象，这有助于提高我们的代码效率和可读性。
此外，深入了解 ES8 中的这些新特性，还可以帮助我们更全面地掌握 JavaScript 语言，从而提高我们的开发技能和就业竞争力。
结论
在本文中，我们了解了 ES8 中的 Map 和 Set 对象的集中写法，包括创建、添加、获取和检查元素。通过使用这些新特性，我们可以编写更简洁、易于阅读和使用的代码，提高我们的 JavaScript 开发技能和就业竞争力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6750561dfbd23cf89076b9d4