es6 获取对象的所有值_前端开发必备 - ES6 新特性之 Set和Map数据结构

往期回顾：

前端开发必备 - ES6 新特性之 let 和 const 命令

前端开发必备 - ES6 新特性之 变量的解构赋值

前端开发必备 - ES6 新特性之 字符串的拓展

前端开发必备 - ES6 新特性之 正则的拓展

前端开发必备 - ES6 新特性之 数值的拓展

前端开发必备 - ES6 新特性之 对象的拓展

前端开发必备 - ES6 新特性之 Symbol

10.1 Set

介绍:

Set数据结构类似数组，但所有成员的值唯一。

Set本身为一个构造函数，用来生成Set数据结构，使用add方法来添加新成员。

基础使用：

注意：

• 向Set中添加值的时候，不会类型转换，即5和'5'是不同的。

属性和方法：

• 属性：
• Set.prototype.constructor：构造函数，默认就是Set函数。
• Set.prototype.size：返回Set实例的成员总数。
• 操作方法：
• add(value)：添加某个值，返回 Set 结构本身。
• delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
• has(value)：返回一个布尔值，表示该值是否为Set的成员。
• clear()：清除所有成员，没有返回值。

数组去重：

10.2 Set的应用

数组去重：

遍历和过滤：

获取并集、交集和差集：

• 遍历方法：
• keys()：返回键名的遍历器。
• values()：返回键值的遍历器。
• entries()：返回键值对的遍历器。
• forEach()：使用回调函数遍历每个成员。

Set遍历顺序是插入顺序，当保存多个回调函数，只需按照顺序调用。但由于Set结构没有键名只有键值，所以keys()和values()是返回结果相同。

并且 还可以使用for...of直接遍历Set。

forEach与数组相同，对每个成员执行操作，且无返回值。

10.3 Map

由于传统的JavaScript对象只能用字符串当做键，给开发带来很大限制，ES6增加Map数据结构，使得各种类型的值(包括对象)都可以作为键。

Map结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。 基础使用：

注意：

• 传入数组作为参数，指定键值对的数组。

• 如果对同一个键多次赋值，后面的值将覆盖前面的值。

• 如果读取一个未知的键，则返回undefined。

• 同样的值的两个实例，在 Map 结构中被视为两个键。

遍历方法： Map 的遍历顺序就是插入顺序。

• keys()：返回键名的遍历器。
• values()：返回键值的遍历器。
• entries()：返回所有成员的遍历器。
• forEach()：遍历 Map 的所有成员。

将Map结构转成数组结构：

10.4 Map与其他数据结构互相转换

• Map 转 数组

• 数组 转 Map

• Map 转 对象 如果所有 Map 的键都是字符串，它可以无损地转为对象。

如果有非字符串的键名，那么这个键名会被转成字符串，再作为对象的键名。

• 对象 转 Map

• Map 转 JSON

(1)Map键名都是字符串，转为对象JSON：

(2)Map键名有非字符串，转为数组JSON：

• JSON 转 Map
• (1)所有键名都是字符串：

(2)整个 JSON 就是一个数组，且每个数组成员本身，又是一个有两个成员的数组:

公众号：前端自习课