20170203_set.md

一行代码找出页面中所有Html标签类型

  new Set($$('*').map(item => item.tagName))

• $$是chrome实现的获取Dom元素的方法,用JQuery或document.querySelectorAll('*')也可以获取到所有dom元素, 不过querySelectorAll方法返回的是一个NodeList,需要转换成数组后再使用map方法,即Array.prototype.slice.call(document.querySelectorAll('*')).

• Set是es6中新添加的数据结构,它类似于数组，但是成员的值都是唯一的，没有重复的值。所以这里我们用它来去重.

有关Set的介绍:

ES6 中的 Set、Map 和 WeakMap

Set和Map数据结构