Map 和 WeakMap 数据结构
Map 和 WeakMap 是ES6 新增的数据结构
一、Map
它们本质与对象一样,都是键值对的集合,但是他们与 Object 对象主要的不同是,键可以是各种类型的数值,而Object 对象的键 只能是字符串类型或者Symbol类型值,Map 和 WeakMap 是更为完善的Hash结构。
1.对象 和 Map
//----------- 对象 --------------
var keyObj = {}
var dataObj = {}
dataObj[keyObj] = '大家好'
function studyEs6() {
let objKey1 = {}
let objKey2 = {}
let obj = new Object()
obj[objKey1] = 33 // 以对象做键
obj[objKey2] = 66
for(let key in obj){ // fo...in 循环,主要针对 object
console.log(key) // [object Object] 后面的覆盖掉前面的
}
}
虽然表面上看 dataObj 对象的键是对象 keyObj,其实不是,dataObj[keyObj] 会将 keyObj 转换为字符串 '[object Object]'
//------------- Map ------------
var mapData = new Map()
var objKey = {p: 'antzome'}
mapData.set(objKey,'对象键') // 添加新元素
console.log(mapData.get(objKey)) // 获取
console.log(mapData.has(objKey)) // 判断是否含有
console.log(mapData.delete(objKey)) // 删除键
mapData.clear() // 清空
function studyEs6() {
var mapData = new Map()
var objKey1 = {}
var objKey2 = {}
mapData.set(objKey1,'33') // 使用set方法,添加新元素
mapData.set(objKey2,'66') // 添加新元素
console.log(mapData.get(objKey1)) // 获取
console.log(mapData.has(objKey1)) // 判断是否含有
console.log(mapData.delete(objKey1)) // 删除键
mapData.clear() // 清空
}
2.数组作为构造函数参数
var mapData = new Map([['webName','百度'],['url','www.baidu.com']])
console.log(mapData.size)
console.log(mapData.has('webName'))
console.log(mapData.get('webName'))
console.log(mapData.has('url'))
console.log(mapData.get('url'))
构造函数参数为数组执行的是如下算法(数组的forEach方法)
forEach 方法将会以插入顺序对Map对象中的每一个键值对执行一次参数中提供的回调函数。
value: 可选,元素的值
key: 可选,元素的键
Map: 可选,当前的Map对象
thisArg: 可选,callback执行时其this的值
mapData.forEach(function(value,key){
console.log(value,key)
})
function studyEs6() {
var mapData = new Map([['webName','百度'],['url','www.baidu.com']])
var objKey1 = {}
var objKey2 = {}
mapData.set(objKey1,'33') // 使用set方法,添加新元素
mapData.set(objKey2,'66') // 添加新元素
console.log(mapData.get('webName'))
mapData.forEach(function(value,key){ // 第一是:值,第二个是:键
console.log(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.baidu.com']])
var arr = [...mapData]
console.log(arr)
//----------- for--of 循环 ---------------
var mapData = new Map([['webName','百度'],['url','www.baidu.com']]) for (let elem of mapData) {
console.log(elem) // 此处 elem 输一个数组形式的键值对
}
//----------- 其他函数 ------------------
var keyIterator = mapData.keys() // 键遍历器 console.log(keyIterator) var valueIterator = mapData.values() // 值遍历器 console.log(valueIterator.next().value) // 遍历器用法 (有几个,就需要 next 几次) console.log(valueIterator) var size = mapData.size() // 键值对数量 console.log(size)
二、WeakMap 数据结构
WeakMap 结构与 Map 结构基本类似。
区别是它只接受对象作为键名,不接受其他类型的值作为键名。键名是对象的弱引用,当对象被回收后,WeakMap 自动移除对应的键值对,WeakMap 结构有助于防止内存泄漏。
var wm = new WeakMap() var obj = new Object() wm.set(obj,'对象1') obj = null // 或 wm.delete(obj) console.log(wm.get(obj)) // undefined console.log(wm.has(obj)) // false
注:由于WeakMap 对象不可遍历,所以没有 size 属性
.
Map 和 WeakMap 数据结构的更多相关文章
- Map和WeakMap的区别
个人总结:在一个变量作用域中,如果结束到作用域结尾 } 的话,map中的引用会被垃圾回收机制回收的是weakmap ,map中的引用不会被垃圾回收机制回收的是map. 强引用:只要引用存在,垃圾回收器 ...
- ES6中Map与其他数据结构的互相转换
最近在学习ES6的基础知识,整理了一下Map与其他数据结构相互转换的写法. Map转为数组的方法 let myMap = new Map([[true, 7], [{foo: 3}, ['abc']] ...
- ES6新增的Map和WeakMap 又是什么玩意?非常详细的解释
上一篇文章讲了set和weakSet,这节咱就讲Map和weakMap是什么?这两篇文章并没有什么联系,主要知识用法类似而已.嘿嘿,是不是感觉舒服多了. 什么是Map 介绍什么是Map,就不得不说起O ...
- Map和WeakMap的方法和区别
Map Map是一组键值对的结构,具有极快的查找速度. 一.构造函数不同 let map = new Map(); let weakmap = new WeakMap(); 二.内置函数不同 Map的 ...
- ES6新特性:Javascript中的Map和WeakMap对象
Map对象 Map对象是一种有对应 键/值 对的对象, JS的Object也是 键/值 对的对象 : ES6中Map相对于Object对象有几个区别: 1:Object对象有原型, 也就是说他有默认的 ...
- ES6 中的 Set、Map 和 WeakMap
Set 是 ES6 新增的有序列表集合,它不会包含重复项. Set 支持 add(item) 方法,用来向 Set 添加任意类型的元素,如果已经添加过则自动忽略: has(item) 方法用来检测 S ...
- C++ map,set内部数据结构
1)Set是一种关联容器,它用于存储数据,并且能从一个数据集合中取出数据.它的每个元素的值必须唯一,而且系统会根据该值来自动将数据排序.每个元素的值不能直接被改变.[重点]内部结构采用红黑树的平衡二叉 ...
- Js基础知识7-Es6新增对象Map和set数据结构
前言 JavaScript中对象的本质是键值对的集合,ES5中的数据结构,主要是用Array和Object,但是键只能是字符串.为了弥补这种缺憾,ES6带来了一种新的数据结构Map. Map也是键值对 ...
- 纵横填字map版(初始数据结构)
新数据结构设计: 定义一个map: key是横纵坐标字符串,比如“0,4” value是一个json,包含以下属性:字,横向的词(若 有的话,无的话,空串),纵向的词(若有的话,无的话,空串). 另有 ...
随机推荐
- 【枚举】【DFS序】Gym - 101617G - Rainbow Roads
题意:一颗树,每条边有个颜色,一条路径被定义为“彩虹”,当且仅当其上没有长度大于等于2的同色子路径.一个结点被定义为“超级结点”,当且仅当从其发出的所有路径都是“彩虹”. 枚举所有长度为2,且同色的路 ...
- 内网渗透利器--reDuh(webshell跳板)
作者:sai52[B.H.S.T] 国外大牛的作品,偶顺手写了个使用说明.E文好的看原文 http://www.sensepost.com/research/reDuh/ 这个工具可以把内网服务器的 ...
- [CodeForces-178F]Representative Sampling
题目大意: 给你n个字符串,要求从中选出k个字符串,使得字符串两两lcp之和最大. 思路: 动态规划. 首先将所有的字符串排序,求出相邻两个字符串的lcp长度(很显然,对于某一个字符串,和它lcp最长 ...
- JS 判断PC、android、ios、微信浏览器
1.通过js userAgent来判断 <h1>判断访问此链接的操作系统</h1> <script> var Agents = new Array("An ...
- 关于U盘启动操作系统《30天自制操作系统》
原本的启动是从img启动的,并且这个img是用FAT12文件系统进行格式化的(详细去搜索FAT12文件格式,这里给大家推荐一篇http://www.doc88.com/p-646605198560.h ...
- 老生常谈javascript的5中继承
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- C语言跟内存分配方式-alloc malloc calloc
转载:http://blog.csdn.net/ubuntulover/article/details/7581317 (1) 从静态存储区域分配.内存在程序编译的时候就已经分配好,这块内存在程序的整 ...
- sql 内连接、外连接、自然连接等各种连接
1.内联接(典型的联接运算,使用像 = 或 <> 之类的比较运算符).包括相等联接和自然联接. 内联接使用比较运算符根据每个表共有的列的值匹配两个表中的行.例如,检索 students和c ...
- 【转】C与CPP后缀的文件在编译时的区别
本文出处连接, by Ray FAN(ielnaf@qq.com) ...
- 升级struts到2.5.2遇到的问题及解决方案
原来的版本是2.3.x,由于安全原因需要升级到2.5.2.1,2.5.2版本不再提供xwork.jar ,整合到了 struts-core包中. 2,方法不能访问的问题,需要在每个action配置文件 ...