es6 set和weakset

柔情只为你懂 2022-06-09 14:44 388阅读 0赞

五.Set和WeakSet 数据结构是ES6新增。
它与数组非常相似,但是Set数据结构的成员都是唯一的。
特别说明:Set中只能添加一个NaN。
一.Set数据结构:
var set = new Set([1, 2, 3, 4, 2, 8, 4]); //两个2
for (var elem of set) {
console.log(elem)
}
//—————-循环用add添加赋值———————————-
var set = new Set();
[1, 2, 3, 4, 2, 8, 4].map(function (elem) {
set.add(elem);
})
for (let elem of set) { //for…of遍历
console.log(elem)
}
//———扩展运算符———————
var set = new Set([1, 2, 3, 4, 2, 8, 4]);
var arr = […set];//扩展运算符(…)内部使用for…of循环,
console.log(arr);

//———清空、删除—————
var set = new Set([1, 2, 3, 4, 2, 8, 4]);
set.clear(); //清空
set.delete(8); //删除
var arr = […set];
console.log(arr);

//———遍历键值——————
set.forEach(function (value, key) {
console.log(value+’=’+key);
})
从输出结果可以看出,键和键值是相同的。

//——-判断set中是否含有——
console.log(set.has(8));

//——遍历值————
let setIter = set.values();
for(let val of setIter) {
console.log(val);
}
//——数量————-
console.log(set.size);

//———-map和filter也可以用于set中————
es5中数组新增map和filter方法
map:映射的意思,映射返回一个新数组,有返回值;filterArr:返回一个新对象
var mapArr = array.map(function(value, index, array ){
return value * value;
});

filter:过滤、筛选的意思; 有返回值; filterArr:返回过滤后新数组
var filterArr = array.filter(function(value, index, array ) {
if ( value > 20 ) {
return true;
}
return false;
});
//——————————————————————-
let set = new Set([1, 2, 3]);
set = new Set([…set].map(x => x * 2));
var arr = […set];
console.log(arr);
// 返回Set结构:{2, 4, 6}

let set = new Set([1, 2, 3, 4, 5]);
set = new Set([…set].filter(x => (x % 2) == 0));
var arr = […set];
console.log(arr);
// 返回Set结构:{2, 4}
//———————-求并集、交集、差集———————
//因此使用Set可以很容易地实现并集(Union)、交集(Intersect)和差集(Difference)。
let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);
//—求并集
let union = new Set([…a,…b]);
console.log([…union]);
//—-就交集
let intersect = […a].filter(function(elem){
return b.has(elem);
});
console.log(intersect);
//—-求差集
let difference = […a].filter(function(elem){
return !b.has(elem);
});
console.log(difference);

六.WeakSet数据结构
它与Set十分相似,对象的值也不能是重复的,与Set不同点:
1.WeakSet成员只能够是对象。
2.作为WeakSet成员的对象都是弱引用,即垃圾回收机制不考虑WeakSet对该对象的引用,也就是说,如果其他对象都不再引用该对象,那么垃圾回收机制会自动回收该对象所占用的内存,不考虑该对象还存在于WeakSet之中。这个特点意味着,无法引用WeakSet的成员,因此WeakSet是不可遍历的。
3.使用WeakSet存储对象实例的好处是,由于是对对象实例的引用,不会被计入内存回收机制,所以删除实例的时候,不用考虑weakset,也不会出现内存泄漏。
//—-错误—-
var weakset = new WeakSet();
weakset.add(5);
//—-正确—-
var weakset = new WeakSet();
weakset.add({}); //添加
var weakset = new WeakSet([[1, 2], [3, 4]]);
//—-例子——————————————————
var weakset = new WeakSet();
let aObj = {a:’aa’};
let bObj = new String(“你好”);
let cObj = new Number(8);
weakset.add(aObj);
weakset.add(bObj);
weakset.add(cObj);
//—-删除——-
weakset.delete(aObj);
bObj=null; //把对象删除,weakset中的对象也没了
console.log(weakset.has(bObj)); //weakset不能取值,也不能显示,只用来表示是否有重复的对象

发表评论

表情:
评论列表 (有 0 条评论,388人围观)

还没有评论,来说两句吧...

相关阅读

    相关 es6 setweakset

    五.Set和WeakSet 数据结构是ES6新增。    它与数组非常相似,但是Set数据结构的成员都是唯一的。    特别说明:Set中只能添加一个NaN。   

    相关 ES6 WeakSet

    WeakSet WeakSet 结构与 Set 类似,也是不重复的值的集合。但是,它与 Set 有两个区别。 首先,WeakSet 的成员只能是 对象,而不能是其

    相关 ES6SetWeakSet,MapWeakMap

    之前在学习 ES6 的时候,看到 `Set` 和 `Map`,不知道其应用场景有哪些,只觉得很多时候会用在数组去重和数据存储,后来慢慢才领悟到 `Set` 是一种叫做集合...