学习typeScript(weakMap,weakSet,set,map)

简介: 它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适

在es5的时候常用的Array object ,在es6又新增了两个类型,Set和Map,类似于数组和对象。


1.set


集合是由一组无序且唯一(即不能重复)的项组成的,可以想象成集合是一个既没有重复元素,也没有顺序概念的数组


  • 属性


size:返回字典所包含的元素个数


  • 操作方法


1.add(value):添加某个值,返回 Set 结构本身。


2.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。


3.has(value):返回一个布尔值,表示该值是否为 Set 的成员。


4.clear():清除所有成员,无返回值。


5.size: 返回set数据结构的数据长度


let set:Set<number> = new Set([1,2,3,4])
set.add(5)
set.has(5)
set.delete(5)
set.size //4


去重


let arr = [...new Set([1,1,1,2,2,3,4,5,5,5,5])]
console.log(arr); //[ 1, 2, 3, 4, 5 ]


2.Map


它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适


let obj = { name: '小满' }
let map: Map<object, Function> = new Map()
map.set(obj, () => 123)
map.get(obj)
map.has(obj)
map.delete(obj)
map.size


操作方法同set


3.WeakSet 和 WeakMap


Weak 在英语的意思就是弱的意思,weakSet 和 weakMap 的键都是弱引用,不会被计入垃圾回收,我们来演示一下。


首先obj引用了这个对象 + 1,aahph也引用了 + 1,wmap也引用了,但是不会  + 1,应为他是弱引用,不会计入垃圾回收,因此 obj 和 aahph 释放了该引用 weakMap 也会随着消失的,但是有个问题你会发现控制台能输出,值是取不到的,应为V8的GC回收是需要一定时间的,你可以延长到500ms看一看,并且为了避免这个问题不允许读取键值,也不允许遍历,同理weakSet 也一样


let obj:any = {name:'小满zs'} //1
let aahph:any = obj //2
let wmap:WeakMap<object,string> = new WeakMap()
wmap.set(obj,'爱安徽潘慧') //2 他的键是弱引用不会计数的
obj = null // -1
aahph = null;//-1
//v8 GC 不稳定 最少200ms
setTimeout(()=>{
    console.log(wmap)
},500)


目录
相关文章
|
9天前
|
存储 Java API
【数据结构】map&set详解
本文详细介绍了Java集合框架中的Set系列和Map系列集合。Set系列包括HashSet(哈希表实现,无序且元素唯一)、LinkedHashSet(保持插入顺序的HashSet)、TreeSet(红黑树实现,自动排序)。Map系列为双列集合,键值一一对应,键不可重复,值可重复。文章还介绍了HashMap、LinkedHashMap、TreeMap的具体实现与应用场景,并提供了面试题示例,如随机链表复制、宝石与石头、前K个高频单词等问题的解决方案。
21 6
【数据结构】map&set详解
|
2天前
|
存储 JavaScript 前端开发
快速掌握WeakMap与Map的区别
快速掌握WeakMap与Map的区别
|
2天前
|
存储 JavaScript 前端开发
js的map和set |21
js的map和set |21
|
3天前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
19 4
|
1天前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
|
1月前
|
存储 安全 Java
java集合框架复习----(4)Map、List、set
这篇文章是Java集合框架的复习总结,重点介绍了Map集合的特点和HashMap的使用,以及Collections工具类的使用示例,同时回顾了List、Set和Map集合的概念和特点,以及Collection工具类的作用。
java集合框架复习----(4)Map、List、set
|
1月前
|
Java
【Java集合类面试二十二】、Map和Set有什么区别?
该CSDN博客文章讨论了Map和Set的区别,但提供的内容摘要并未直接解释这两种集合类型的差异。通常,Map是一种键值对集合,提供通过键快速检索值的能力,而Set是一个不允许重复元素的集合。
|
1月前
|
存储 JavaScript 前端开发
ES6新特性(四): Set 和 Map
ES6新特性(四): Set 和 Map
|
1月前
|
存储 Java 索引
|
2月前
|
C++ 容器
【C++】map和set封装
【C++】map和set封装
29 2