Set本身是一个构造函数,用来生成 Set 数据结构,Set函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。可以遍历
特点: 1.它类似于数组,但是成员的值都是唯一的,没有重复的值。
const set = new Set([1, 2, 3, 4, 4,'4',NaN,NaN]);
//得到的set,是一个对象{1,2,3,4,'4',NAN} ,需要用Array.from或者结构赋值转数组
[...set]
// [1, 2, 3, 4,'4',NaN]
注:向 Set 加入值的时候,不会发生类型转换,所以4和"4"是两个不同的值。
Set原理对比类似于‘===’运算符,但是NaN在set内部,它会认定是相等的
他有4个方法:add、delete、has、clear
用途:1.去除数组的重复成员 […new Set(array)],
也可以用来去除字符串重复的成员 […new Set(‘ababbc’)].join(’’)
WeakSet 是一个构造函数,可以使用new命令,创建 WeakSet 数据结构。
WeakSet 不能遍历,是因为成员都是弱引用,随时可能消失,遍历机制无法保证成员的存在,很可能刚刚遍历结束,成员就取不到了。WeakSet 的一个用处,是储存 DOM 节点,而不用担心这些节点从文档移除时,会引发内存泄漏。
MAP
共同点:map可以储存不重复的值
不同点:set是以 [value, value]的形式储存元素,map是以 [key, value] 的形式储存
可以遍历,方法很多可以跟各种数据格式转换
WeakMap
WeakMap 对象是一组键值对的集合,其中的键是弱引用对象,而值可以是任意。
注意,WeakMap 弱引用的只是键名,而不是键值。键值依然是正常引用。
WeakMap 中,每个键对自己所引用对象的引用都是弱引用,在没有其他引用和该键引用同一对象,这个对象将会被垃圾回收(相应的key则变成无效的),所以,WeakMap 的 key 是不可枚举的。
不能遍历,方法有get、set、has、delete
扩展:Object与Set、Map
Object 与 Set
// Object
const properties1 = {
'width': 1,
'height': 1
}
console.log(properties1['width']? true: false) // true
// Set
const properties2 = new Set()
properties2.add('width')
properties2.add('height')
console.log(properties2.has('width')) // true
Object 与 Map
JS 中的对象(Object),本质上是键值对的集合(hash 结构)
const data = {};
const element = document.getElementsByClassName('App');
data[element] = 'metadata';
console.log(data['[object HTMLCollection]']) // "metadata"
但当以一个DOM节点作为对象 data 的键,对象会被自动转化为字符串[Object HTMLCollection],所以说,Object 结构提供了 字符串-值 对应,Map则提供了 值-值 的对应