Javascript Map和WeakMap的区别用法及代码示例

在这篇文章中，我们将讨论ES6引入的Map和WeakMap之间的区别。 Javascript 对象仅支持一个关键对象。为了支持多个关键对象，Then Map 走上了这条道路。

Map：Map 是一个无序列表的键值对，其中键和值可以是任何类型，如字符串、布尔值、数字等。为了更好地理解，我们以 Map 及其属性为例。

例子：这个例子展示了Map在Javascript中的实现。

Javascript


// Creating an empty map
const myMap = new Map();
// Creating a set by inserting the key-value pair
console.log(myMap);
myMap.set("info", { name: "Sam", age: 36 });
// Access the elements of a Map
console.log(myMap);
console.log(myMap.get("info"));
// Checking the element in a Map using has() method
console.log("check whether info is there or not - "
    + myMap.has("info"));
// Returning the number of elements using size property
console.log("The no.of elements in a Map are " + myMap.size);
// Removing the element from the map using
// clear() and delete() methods
// removing a particular element
myMap.delete("address");
myMap.delete("info"); // true
console.log(myMap);
// Iteration through the map
// using forEach method()
const map2 = new Map();
map2.set("name", "Sam");
map2.set("age", "36");
// looping through Map
map2.forEach(function (value, key) {
    console.log(key + "- " + value);
});

输出

Map(0) {}
Map(1) { 'info' => { name: 'Sam', age: 36 } }
{ name: 'Sam', age: 36 }
check whether info is there or not - true
The no.of elements in a Map are 1
Map(0) {}
name- Sam
age- 36

WeakMap：在 Weak Map 中，每个键只能是一个对象和函数。它用于存储弱对象引用。为了更好地理解，我们以WeakMap及其属性为例：

例子：这个例子展示了Map在Javascript中的实现。

Javascript


// Creating a WeakMap
const myweakMap = new WeakMap();
console.log(myweakMap); // WeakMap {} 
let obj = {};
// Adding object (element) to WeakMap
myweakMap.set(obj, 'hello everyone');
console.log(myweakMap);
// Access the element of a WeakMap using get() method
console.log("The element of a WeakMap - " + myweakMap.get(obj));
// Checking the element in a map using has() method
console.log("check if an element is present in WeakMap - "
    + myweakMap.has(obj));
// Delete the element of WeakMap using delete() method
console.log("deleting the element of WeakMap - "
    + myweakMap.delete(obj));
console.log(myweakMap); // WeakMap {}
// WeakMaps are not iterable. It will return
// an error. For example,
const weakMap1 = new WeakMap();
console.log(weakMap1); // WeakMap {} 
let obj1 = {};
// Adding object (element) to WeakMap
weakMap.set(obj1, 'hello');
// Looping through WeakMap
for (let i of weakMap1) {
    console.log(i);  // TypeError
}

输出：

WeakMap { <items unknown> }
WeakMap { <items unknown> }
The element of a WeakMap - hello everyone
check if an element is present in WeakMap - true
deleting the element of WeakMap - true
WeakMap { <items unknown> }
WeakMap { <items unknown> }

ReferenceError: weakMap is not defined

Map 和 WeakMap 的区别：

Map	WeakMap
Map 是键值对的无序列表，其中键和值可以是任何类型，如字符串、布尔值、数字等。	在 Weak Map 中，每个键只能是一个对象和函数。它用于存储弱对象引用。
Map是可迭代的。	WeakMaps 不可迭代。
即使您不使用Map，Map也会保留所有内容。	WeakMaps 保存对 key 的引用，而不是 key 本身。
垃圾Collector不会从 “Map” 中删除键指针，也不会从内存中删除键。	垃圾Collector继续从 “WeakMap” 中删除键指针，并从内存中删除键。 WeakMap 允许垃圾Collector执行其任务，但不允许 Map。
Map有一些属性：.set、.get、.delete、.size、.has、.forEach、迭代器。	WeakMaps 有一些属性：.set、.get、.delete、.has。
您可以使用以下方法创建新Map新Map().	您可以使用以下命令创建新的WeakMap新WeakMap().

相关用法

注：本文由纯净天空筛选整理自deekshashukla03102001大神的英文原创作品 What is the difference between Map and WeakMap in JavaScript ?。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。