Set 和 Map 数据结构

1、Set

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

Set 本身是一个构造函数，用来生成 Set 数据结构。

const s = new Set();
console.log(typeof s); // object
// 通过add方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值。
[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
console.log(s); // Set { 2, 3, 5, 4 }
console.log(...s); // 2, 3, 5, 4
for (let i of s) { // for ... of ... 遍历set
  console.log(i);
} // 2 3 5 4

Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。

// 例一
const set = new Set([1, 2, 3, 4, 4]);
console.log([...set]); // [1, 2, 3, 4] // 例二
const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);
console.log(items.size); // 5

2、Map

　　现在，我想拿DOM节点作为对象的键，或者我拿其他对象作为键，这时，就可以使用map了

　　JS对象，本质上是键值对的形式（hash结构），但是键只能是字符串的形式，给js带来很大的限制

　　为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。

const m = new Map();
const o = {p: 'Hello World'
};m.set(o, 'holle world!')
m.get(o) // "holle world!" 

m.has(o) // true
m.delete(o) // true
m.has(o) // false\

　　作为构造函数， Map 也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。

const map = new Map([['name', '张三'],['title', 'Author']
]);map.size // 2
map.has('name') // true
map.get('name') // "张三"
map.has('title') // true
map.get('title') // "Author"

Map构造函数接受数组作为参数，实际上执行的是下面的算法。

const items = [['name', '张三'],['title', 'Author']
];const map = new Map();items.forEach(([key, value]) => map.set(key, value));

转载于:https://www.cnblogs.com/houfee/p/10133111.html