目录下面是Map、Set、WeakMap和WeakSet的例子:1. Map:2. Set:3. WeakMap:4. WeakSet:下面是Map、Set、WeakMap和Weak
在javascript中,Map、Set、WeakMap和WeakSet是四个不同的数据结构,它们都有不同的特点和用途:
Map
:Map是一种键值对的集合,其中的键和值可以是任意类型的。与对象类似,它们可以通过键来访问值。不同之处在于,Map可以使用任意类型作为键,而对象只能使用字符串或Symbol类型作为键。Map还提供了许多有用的方法,例如size属性来获取键值对的数量,以及forEach()方法来遍历集合。Set
:Set是一种值的集合,其中每个值都是唯一的。与数组不同,它们没有重复的元素,并且没有特定的顺序。Set提供了许多有用的方法,例如add()方法来添加新的值,delete()方法来删除值,has()方法来检查是否存在某个值,以及size属性来获取集合的大小。WeakMap
:WeakMap与Map类似,也是一种键值对的集合。然而,它们的键必须是对象,而值可以是任何类型。与Map不同的是,WeakMap的键是弱引用,也就是说,如果键对象没有被其他地方引用,则它们可以被垃圾回收。这使得WeakMap非常适合缓存数据,因为当对象不再需要时,它们可以自动从WeakMap中删除,从而释放内存。WeakSet
:WeakSet是一种值的集合,其中每个值都是唯一的,并且没有特定的顺序。与Set不同的是,它们的值也是弱引用的,因此可以被垃圾回收。WeakSet通常用于存储对象的引用,以避免内存泄漏。const myMap = new Map();
const key1 = 'key1';
const key2 = { name: 'John' };
const key3 = function () { console.log('Hello!'); };
myMap.set(key1, 'value1');
myMap.set(key2, 'value2');
myMap.set(key3, 'value3');
console.log(myMap.get(key1)); // 'value1'
console.log(myMap.get(key2)); // 'value2'
console.log(myMap.get(key3)); // 'value3'
console.log(myMap.size); // 3
在这个例子中,我们创建了一个Map
对象,并使用三个不同类型的键(key1、key2、key3)
来存储三个值(value1、value2、value3)
。我们可以使用get()
方法来获取相应的值,使用size
属性来获取键值对的数量。
const mySet = new Set();
mySet.add('value1');
mySet.add('value2');
mySet.add('value3');
console.log(mySet.has('value1')); // true
console.log(mySet.has('value4')); // false
console.log(mySet.size); // 3
mySet.delete('value2');
console.log(mySet.size); // 2
在这个例子中,我们创建了一个Set
对象,并使用add()
方法向其中添加三个值(value1、value2、value3)
。我们可以使用has()
方法来检查集合中是否存在某个值,使用size
属性来获取集合的大小,使用delete()
方法来删除值。
let key1 = { name: 'John' };
let key2 = { name: 'Mary' };
let weakMap = new WeakMap();
weakMap.set(key1, 'value1');
weakMap.set(key2, 'value2');
key1 = null;
console.log(weakMap.get(key1)); // undefined
console.log(weakMap.get(key2)); // 'value2'
在这个例子中,我们创建了一个WeakMap
对象,并使用两个对象键(key1、key2)
来存储两个值(value1、value2)
。然后我们将key1
赋值为null,这将导致key1对象被垃圾回收,它们与值value1
一起被从WeakMap
中删除。当我们使用get()
方法尝试访问已经被删除的键时,返回undefined。
let obj1 = { name: 'John' };
let obj2 = { name: 'Mary' };
let weakSet = new WeakSet([obj1, obj2]);
console.log(weakSet.has(obj1)); // true
obj1 = null;
console.log(weakSet.has(obj1)); // false
在这个例子中,我们创建了一个WeakSet
对象,并向其中添加两个对象(obj1、obj2)
。我们可以使用has()
方法检查WeakSet
中是否存在某个对象,当我们将obj1
赋值为null时,它们与值一起被从WeakSet
中删除。当我们使用has()
方法尝试访问已经被删除的对象时,返回false。
Map
和Set
都是集合数据结构,不同之处在于:
使用场景:
Map
。Set
。WeakMap
和WeakSet
与Map
和Set
类似,但是它们的键或值是弱引用,也就是说当键或值对象没有其他引用时,它们可以被垃圾回收,不会影响程序的内存使用情况。不同之处在于:
使用场景:
WeakMap
和WeakSet
。WeakMap
和WeakSet
来存储数据,因为它们会随时被垃圾回收,从而释放内存。到此这篇关于一文详解js中的Map、Set、WeakMap和WeakSet的文章就介绍到这了,更多相关JS中Map、Set、WeakMap和WeakSet内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: 一文详解JS中的Map、Set、WeakMap和WeakSet
本文链接: https://www.lsjlt.com/news/211553.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0