Map & Set

Map & Set

本篇整理自：ECMAScript 6 入门

Set

Set 数据结构，

特点：

1.类似于数组；
2.它的值都是唯一的；
3.它的 key 与 value 是相同的，

属性与方法：

1.size 返回 Set 实例的成员数
2.add(value) / delete(value) / has(value) 添加、删除、判断是否有 某个值
3.clear() 清除所有成员
4.keys() / values / entries 返回键名、键值、键值对 的遍历器；keys() 与 values 得到的结果是一样的，而entries 得到的每一个项大概长这样 ["xxx", "xxx"], 相等
5.forEach(),

6.Set 没有 map, filter，需要先转换成为数组。

生成 Set

Set 本身是一个构造函数，使用 new Set() 可以把数据、类数组去重之后（注意，Set 认为 NaN 等于自身），变成一个 set 数据结构

把 Set 转成 Array

1.Array.from
2.拓展运算符

Map

因为传统的对象键名有“字符串”的限制，Map 的出现就是为了解决这个问题

特点

1.与 Set 相比，它更类似对象；
2.Map 的键名可以是任何类型的值，键名为对象的时候，实际上是对应内存的地址

Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。

属性与方法

1.get(key) / set(key) / has(key) / delete(key) 读取与设置，是否有某个键名，删除
2.size() 成员总数
3.clear() 清除所有

4.keys() / values() / entries 键名、键值、键值对 的遍历器；

Map 结构的默认遍历器接口（Symbol.iterator属性），就是entries方法。

5.forEach() 第一个参数（function）的参数为 value, key, Map实例

生成 Map

new Map() 可以把任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构，也就是说，我们 可以把 Set 实例(注意，我们前面说了，Set 实例的键名与键值是一样的)、Map 实例转变为 Map

生成 Map 的方法是：

let map = new Map() // 想创建
map.set(1, "xxx") // 设置值

//我们也可以
let map = new Map([
    [1, "xxx"],
    [2, "yyy"]
])

// 这里面还是先创建 Map 实例，再逐个添加 键值对

let map = new Map()
map.set(1, "xxx")
map.set(2, "yyy")

注意，对于 Map 来说，0 与 -0 是一样的，NaN 是等于自身的

Map 转换成其它

1.生成 keys 的数组

[...map.keys()]

2.生成 values 的数组

[...map.values()]

3.生成键值对的数组：

[...map.entries()] // [[1,"xxx"], [2, "yyy"]]

4.直接对 Map 实例使用 ... 也可以得到 [...map.entries] 一样的结果

5.Map 转对象
遍历

6.对象转 Map
遍历 + map.set()

7.Map 转 JSON
如果想把数组转变为 JSON 格式，必须考虑到键名不是字符串的情况，可以转变为数组 JSON。

键名-键值都符合 JSON 要求: JSON.stringify(map)
键名-键值有不符合 JSON 要求，考虑用: JSON.stringify([...map])

总结

Set 常用于数组去重；Map 是为了解决对象非字符串不能作为 key 的问题
它们的属性方法都非常类似