JavaScript ES6中的Set和Map结构及Array.from方法解析

本文主要介绍了JavaScript中的两种新数据结构——Set和Map，以及Array.from方法。Set用于存储唯一值，Map则提供了键值对的存储，而Array.from方法则能够将类数组对象转换成真正的数组。 在JavaScript ES6中，Set是一种新的数据结构，它的特点是所有成员都是唯一的，不允许重复。Set是一个构造函数，通过`new Set()`来创建实例。在创建时，可以传入一个数组来初始化Set，确保数组中的所有元素都是唯一的。 Set提供了多个实用的方法： 1. `size`属性：返回Set中元素的数量。 2. `add(value)`方法：添加一个值到Set中，如果值已经存在，不会再次添加。 3. `delete(value)`方法：删除Set中的指定值，如果值不存在，不执行任何操作。 4. `clear()`方法：清除Set中的所有元素。 5. `has(value)`方法：检查Set中是否存在指定的值，返回布尔值。 6. `forEach(callbackFn[, thisArg])`方法：遍历Set中的每个元素，执行提供的回调函数。 Set的使用示例： - 示例1展示了如何使用`add()`方法向Set中添加元素，并通过遍历展示Set是如何去除重复值的。 - 示例2利用Set的性质和扩展运算符(`...`)去除数组中的重复元素。 - 示例3演示了如何用Set初始化时去除数组中的重复元素，并且展示Set的`size`属性。 除了Set，ES6还引入了Map数据结构，它允许存储键值对，其中键可以是任意类型，而不仅仅是字符串。Map也提供了一系列的方法，如`size`、`set(key, value)`、`get(key)`、`delete(key)`、`clear()`和`forEach()`等，与Set类似，但针对键值对进行操作。 Array.from方法是另一个ES6引入的便利工具，它可以将类数组对象或可迭代对象转换为真正的数组。类数组对象是指具有length属性和索引元素的对象，但不具备数组的所有特性。Array.from()接受两个参数，第一个是需要转换的对象，第二个是可选的映射函数，用于对转换后的数组元素进行处理。 Set和Map在处理唯一值和键值对方面提供了强大的功能，而Array.from则简化了数组化的操作，这些新特性极大地丰富了JavaScript的工具箱，提高了开发效率。