在 ECMAScript 2015 中使用集合类型 Map/Set/Symbol 详解

在前端开发过程中，常常需要用到集合类型来存储多个对象。在 ECMAScript 6 中，引入了三个新的集合类型：Map、Set 和 Symbol。本文将详细介绍这三种新类型，包括它们的基本用法、特性以及在开发中的使用指导意义。

Map

Map 是一种新的对象类型，它允许将任意值（包括对象）作为键进行存储，因此将键值对存储起来非常方便。在创建 Map 对象时，可以直接传入一个可迭代的对象作为参数。例如，下面代码创建了一个 Map 对象：

let myMap = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
]);

Map 对象有一些基本方法，可以用来添加、获取、删除键值对：

• set(key, value)：添加键值对，如果已存在该键，则更新其值。
• get(key)：根据键获取对应的值。
• has(key)：判断是否存在某个键。
• delete(key)：根据键删除对应的键值对。

例如，下面的代码展示了如何使用 Map 对象：

let myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
console.log(myMap.get('key1')); // 输出 'value1'
console.log(myMap.has('key3')); // 输出 false
myMap.delete('key2');
console.log(myMap.has('key2')); // 输出 false

除了基本方法，Map 对象还有一些其他方法，如 size 属性可以返回 Map 的键值对数量，keys 方法可以返回 Map 对象中所有的键，values 方法可以返回 Map 对象中所有的值。

Set

Set 是另一种新的对象类型，它存储一组唯一且无序的值。在创建 Set 对象时，可以直接传入一个可迭代的对象作为参数。例如，下面代码创建了一个 Set 对象：

let mySet = new Set(['value1', 'value2', 'value3']);

Set 对象有一些基本方法，可以用来添加、获取、删除元素：

• add(value)：添加元素，如果已经存在该元素，则不添加。
• has(value)：判断是否存在某个元素。
• delete(value)：删除某个元素。

例如，下面的代码展示了如何使用 Set 对象：

let mySet = new Set();
mySet.add('value1');
mySet.add('value2');
console.log(mySet.has('value1')); // 输出 true
console.log(mySet.has('value3')); // 输出 false
mySet.delete('value2');
console.log(mySet.has('value2')); // 输出 false

除了基本方法，Set 对象还有一些其他方法，如 size 属性可以返回 Set 对象中元素的数量，keys 方法可以返回 Set 对象中所有的元素。

Symbol

Symbol 是一种新的基本数据类型，它表示一个独一无二的值。每个 Symbol 值都是唯一的，且不可变。Symbol 值可以用作对象属性的键名，这样可以避免键名冲突的问题。例如，下面代码展示了如何使用 Symbol 作为对象属性的键名：

let mySymbol = Symbol('mySymbol');
let obj = {};
obj[mySymbol] = 'Hello World';
console.log(obj[mySymbol]); // 输出 'Hello World'

为了防止使用 Symbol 作为属性键名的对象属性被意外修改，ES6 引入了一些新的方法来遍历对象属性。其中，Object.getOwnPropertySymbols() 方法可以返回一个对象的所有 Symbol 类型的属性键名，而 Reflect.ownKeys() 方法则可以返回对象的所有键名，包括字符串类型和 Symbol 类型。

let mySymbol = Symbol('mySymbol');
let obj = {
    foo: 'foo',
    [mySymbol]: 'Hello World'
};
console.log(Object.getOwnPropertySymbols(obj)); // 输出 [Symbol(mySymbol)]
console.log(Reflect.ownKeys(obj)); // 输出 ['foo', Symbol(mySymbol)]

总结

Map、Set 和 Symbol 是 ECMAScript 6 引入的三种新的集合类型。它们可以帮助我们更方便地存储多个对象，避免键名冲突等问题。使用它们的基本方法非常简单，开发者只需要掌握它们的特性和使用场景，便可以在实际开发中灵活使用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64acf19948841e989490c579