Set Map WeakSet WeakMap区别
Set
成员不能重复 - 使用精确相等 ===, NaN与NaN判等
只有键值,没有键名,与数组类似
可以遍历
属性: 没有length. size表示数量
set.size()
初始化 let set = new Set(array)
方法 add(value) delete(value) has(value) clear()
数组去重: […new Set(arr)]
转换为数组 Array.from(set) 或者 […set]
遍历:
set.keys() // SetIterator {1, 2, 3}
set.values() // SetIterator {1, 2, 3}
set.entries() //
Set 可默认遍历,默认迭代器生成函数是 values() 方法
Set.prototype[Symbol.iterator] === Set.prototype.values // true
Set可以使用map,fliter方法,返回一个新的set
方便实现交集(Intersect),并集(Union),差集(Difference)
let Intersect = new Set([…set1].filter((item) => {return set2.has(item)})) // 交集 Set(2) {2, 3}
let Union = new Set([…set1, …set2]) // 并集
let difference = new Set([…set1].filter(value => !set2.has(value)))
WeakSet
成员是对象, 只能存储对象的引用,不能存放值,Set对象都可以
WeakSet存储的是对象被弱引用的,垃圾回收不考虑WeakSet引用
成员是弱引用,随时可以消失,保存DOM节点可以防止内存泄漏
不可以遍历
垃圾回收运行前后成员个数可能不一致
方法 add(value) delete(value) has(value)
clear(){已废弃}
const arr = [[1, 2], [3, 4]]
const weakset = new WeakSet(arr)
console.log(weakset)
Map
键值对集合,类似于集合
可以遍历,可以与其他数组转换
任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构都可以当作Map构造函数的参数,例
初始化:
const m2 = new Map([[‘baz’, 3]]);
const m3 = new Map(m2);
m3.get(‘baz’) // 3
读取一个未知的键,则返回undefined。
new Map().get(‘asfddfsasadf’)
// undefined
只有对同一个对象的引用,Map 结构才将其视为同一个键。这一点要非常小心。
const map = new Map();
map.set([‘a’], 555);
map.get([‘a’]) // undefined
Map 的键实际上是跟内存地址绑定的,只要内存地址不一样,就视为两个键。
解决了同名属性碰撞(clash)的问题,我们扩展别人的库的时候,如果使用对象作为键名,就不用担心自己的属性与原作者的属性同名。
如果 Map 的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map 将其视为一个键,比如0和-0就是一个键,布尔值true和字符串true则是两个不同的键。另外,undefined和null也是两个不同的键。虽然NaN不严格相等于自身,但 Map 将其视为同一个键。
let map = new Map();
map.set(-0, 123);
map.get(+0) // 123
属性:
size 返回字典中包含的元素个数
const map = new Map([ // 初始化可以使用一个二维数组
[‘name’, ‘An’],
[‘des’, ‘JS’]
]);
map.size // 2
方法:
set(key, value) // 添加新元素
get(key) // 查找键值,不存在则返回undefined
has(key)
delete(key) // 移除键值对
clear // 清空元素
遍历方法:
keys() 返回键名迭代器
values() 返回键值迭代器
entries() 返回成员迭代器(转换成对象Object.fromEntries(map.entries()))
forEach() 遍历字典成员
Map 结构的默认遍历器接口(Symbol.iterator属性),就是entries方法。
map[Symbol.iterator] === map.entries
// true
数据转换:
- Map转Array(二维数组)
[…map] - Array转map
new Map([[2, 3],[4,5]]) - map转object
Object.fromEntries(map.entries())
或者遍历生成object - object生成map
function objToMap(obj) {
let map = new Map()
for (let key of Object.keys(obj)) {
map.set(key, obj[key])
}
return map
}
objToMap({‘name’: ‘An’, ‘des’: ‘JS’}) // Map {“name” => “An”, “des” => “JS”}
或者 new Map(Object.entries(obj1))
function mapToJson(map) {
return JSON.stringify([…map])
}
function jsonToStrMap(jsonStr) {
return objToMap(JSON.parse(jsonStr));
}
WeakMap
使用对象作为键名(除了null), 不可以使用其他类型值作为键名
不能遍历,key吧不可以枚举
方法与Map相同:
has(key):判断是否有 key 关联对象
get(key):返回key关联对象(没有则则返回 undefined)
set(key):设置一组key关联对象
delete(key):移除 key 的关联对象
- 总结
Set
成员唯一、无序且不重复
[value, value],键值与键名是一致的(或者说只有键值,没有键名)
可以遍历,方法有:add、delete、has
WeakSet
成员都是对象
成员都是弱引用,可以被垃圾回收机制回收,可以用来保存DOM节点,不容易造成内存泄漏
不能遍历,方法有add、delete、has
Map
本质上是键值对的集合,类似集合
可以遍历,方法很多可以跟各种数据格式转换
WeakMap
只接受对象作为键名(null除外),不接受其他类型的值作为键名
键名是弱引用,键值可以是任意的,键名所指向的对象可以被垃圾回收,此时键名是无效的
不能遍历,方法有get、set、has、delete