es6 Set和Map数据结构

Set基本用法

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

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

const s = new Set();
\[2, 3, 5, 4, 5, 2, 2\].forEach(x => s.add(x));
for (let i of s) { console.log(i); } // 2 3 5 4

Set同样可以接受对象或者数组，遍历操作类似Array对象

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

广州品牌设计公司https://www.houdianzi.com PPT模板下载大全https://redbox.wode007.com

Map基本语法

JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。

const data = {}; const element = document.getElementById('mydiv');
data\[element\] = 'metadata'; data\['\[object htmldivElement\]'\] // "metadata"

上面代码原意是将一个 DOM 节点作为对象data的键，但是由于对象只接受字符串作为键名，所以element被自动转为字符串[object htmlDivElement]。

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

const m = new Map(); const o = {p: 'Hello World'};
m.set(o, 'content') m.get(o) // "content"
m.has(o) // true m.delete(o) // true m.has(o) // false