ES6新特性(3)之Symbol/Set/WeakSet

简介: ES6新特性(3)之Symbol/Set/WeakSet

(一)Map


Map和weakmap它们本质与对象一样,都是键值对的集合,但是他们与Object对象主要的不同是,键可以是各种类型的数值,而若键是Object类型,那么只能是字符串类型或者Symbol类型值。Map和WeakMap是更为完善的Hash结构。

1.对象和Map

//---------对象---------------------------
var keyObj = {};
var dataObj = {};
dataObj[keyObj] = "大脚好";
复制代码

虽然表面上看dataObj对象的键是对象keyObj,其实不是,dataObj[keyObj]会将keyObj转换转为字符串"[object Object]"。

//----------Map----------------------------
var mapData = new Map();
var objKey = {p: "antzone"};
mapData.set(objKey, "对象键");    //添加新元素
console.log(mapData.get(objKey)); //获取对应key的value 
console.log(mapData.has(objKey));  //判断是否含有
console.log(mapData.delete(objKey)); //删除键值对
mapData.clear();    //清空
复制代码

2.数组作为构造函数参数

var mapData = new Map([
["webName", "资源库"],
["url", "www.yuankuwang.com"]
]);
console.log(mapData.size);//2
console.log(mapData.has("webName"));//true
console.log(mapData.get("webName"));//资源库
console.log(mapData.has("url"));//true
console.log(mapData.get("url"));//www.yuankuwang.com
复制代码

构造函数参数为数组执行的是如下算法(数组的forEach方法)

forEach方法将会以插入顺序对Map对象中的每一个键值对执行一次参数中提供的回调函数。

value:可选,元素的值。

key:可选,元素的键。

Map:可选,当前的Map对象。

thisArg:可选,callback执行时其this的值。  

mapData.forEach(function (value,key) {
  console.log(value,key);
})
var arr = [["webName", "资源库"], ["url", "www.yuankuwang.com"]];
var mapData = new Map();
arr.forEach(([key, value]) => mapData.set(key, value));
复制代码

3.由于Map对象的键可以是对象,所以只有对同一个对象的引用,Map对象才将其视为同一个键。

NaN不严格相等于自身,但Map将其视为同一个键

let mapData = new Map();
mapData.set(NaN, 5);
console.log(mapData.get(NaN));
mapData.set(-0, 5);
console.log(mapData.get(+0));
复制代码

4.Map遍历

//---------转成数组-----------
var mapData = new Map([["webName", "资源库"], ["url", "www.yuankuwang.com"]]);
var arr = [...mapData];
console.log(arr);
//---------for--of循环--------
var mapData = new Map([["webName", "资源库"], ["url", "www.yuankuwang.com"]]);
for(let elem of mapData) {
  console.log(elem);
}
//----------其他函数-------------
var keyIterator = mapData.keys();//键遍历器
console.log(keyIterator);
var valueIterator = mapData.values();  //值遍历器
console.log(keyIterator.next());   //遍历器用法
console.log(valueIterator);
var size = mapData.size;      //键值对数量
console.log(size);
复制代码

(二)WeakMap


WeakMap结构与Map结构基本类似。

区别:是它只接受对象作为键名,不接受其他类型的值作为键名。键名是对象的弱引用,当对象被回收后,WeakMap自动移除对应的键值对,WeakMap结构有助于防止内存泄漏。

var wm = new WeakMap(); //只能放object的键
var obj = new Object();
wm.set(obj, '对象1');
// wm.delete(obj);
obj = null; //效果和delete的效果一样
console.log(wm.get(obj)); //undefined
console.log(wm.has(obj)); //false  
复制代码

由于WeakMap对象不可遍历,所以没有size属性。  


作者:zhulin1028

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章
|
24天前
|
设计模式 JavaScript 前端开发
es6加上symbol的基础数据类型
【10月更文挑战第30天】ES6 中的 `Symbol` 作为一种新的基础数据类型,为 JavaScript 提供了一种创建唯一标识符和处理对象属性名冲突的有效方式,丰富了 JavaScript 的数据类型体系和编程模式,在实际开发中具有重要的应用价值。
|
24天前
|
设计模式 JavaScript 前端开发
es6加上symbol的基础数据类型
【10月更文挑战第22天】ES6中的 `Symbol` 作为一种新的基础数据类型,为JavaScript提供了一种创建唯一标识符和处理对象属性名冲突的有效方式,丰富了JavaScript的数据类型体系和编程模式,在实际开发中具有重要的应用价值。
|
2月前
|
存储 JavaScript 前端开发
Set、Map、WeakSet 和 WeakMap 的区别
在 JavaScript 中,Set 和 Map 用于存储唯一值和键值对,支持多种操作方法,如添加、删除和检查元素。WeakSet 和 WeakMap 则存储弱引用的对象,有助于防止内存泄漏,适合特定场景使用。
|
2月前
|
存储
ES6中的Set数据结构的常用方法和使用场景
ES6中的Set数据结构的常用方法和使用场景
|
3月前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
|
4月前
|
存储 JavaScript 前端开发
ES6新特性(四): Set 和 Map
ES6新特性(四): Set 和 Map
|
5月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
55 1
|
7月前
|
JavaScript 前端开发
ES6:什么是Symbol?
ES6:什么是Symbol?
82 1
|
7月前
ES6之Symbol
ES6之Symbol
|
7月前
|
JavaScript 前端开发