ES6学习之路(六) Map&WeakMet
来源:互联网 发布:苹果5s用不了4g网络 编辑:程序博客网 时间:2024/06/05 06:09
个人感觉Map&WeakMet和Set&WeakSet很多的相同之处,所以就重点记录一下不同之处作为区分
Map
1.map 用来设置键的数据结构,可以使任何类型的值(ES5的对象键都是字符串);
//将 对象 o 设置为m 的一个键 m.set(o,'content'); //用get读取这个键 console.log(m.get(o));//content console.log(m.has(o));//true console.log(m.delete(o));//true console.log(m.has(o));//false
2.Map可以接收一个数组作为参数,该数组的每个成员是一个键值对数组;
const map = new Map([ ['name','张三'], ['title','Author'] ]); console.log(map.size);//2 console.log(map.has('name'));//true console.log(map.get('name'));//张三 console.log(map.has('title'));//true console.log(map.get('title'));//Author
3.map 只要是具有Iterator 接口(可遍历)的数据结构都可以当作map参数,包括set和map
const set =new Set([ ['foo',1], ['bar',2] ]); const m1 = new Map(set); console.log(m1.has('foo'));//true const m2 = new Map([['baz',3]]); const m3 = new Map(m2); console.log(m3.get('baz'));//3
4.对同一个值多次赋值,后面的覆盖前面的;
const map = new Map(); map .set(1,'aaa') .set(1,'bbb'); console.log(map.get(1));//bbb //如果读取一个未知的键 返回undefined console.log(map.get(333));//undefined
5.如果 Map 的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map 将其视为一个键,
布尔值true和字符串true则是两个不同的键。另外,undefined和null也是两个不同的键。虽然NaN不严格相等于自身,但 Map 将其视为同一个键。
const map = new Map(); //由于两个键不是同一个对象的引用,所以返回Undefined map .set(['aaa'],1) .set(['aaa'],2); console.log(map.get(['aaa']));//undefined console.log(['aaa'] === ['aaa'] )//false
map 属性和操作方法
属性
1.size属性返回 Map 结构的成员总数。
2.set方法设置键名key对应的键值为value,然后返回整个 Map 结构。如果key已经有值,则键值会被更新,否则就新生成该键。
const m = new Map(); //set方法返回的是当前的Map对象,因此可以采用链式写法。 m .set('edition', 6) // 键是字符串 .set(262, 'standard') // 键是数值 .set(undefined, 'nah') // 键是 undefined
3.get方法读取key对应的键值,如果找不到key,返回undefined。
4.has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。
5.delete方法删除某个键,返回true。如果删除失败,返回false。
6.clear方法清除所有成员,没有返回值。
二、遍历方法
和Set的一样
keys():返回键名的遍历器。
values():返回键值的遍历器。
entries():返回所有成员的遍历器。
(map的遍历器接口默认是entries,set的默认是values();)
forEach():遍历 Map 的所有成员。
const map = new Map([ ['f','no'], ['t','yes'] ]); for(let key of map.keys()){ console.log(key);//f,t } for (let value of map.values()) { console.log(value); } // "no" // "yes" for (let item of map.entries()) { console.log(item[0], item[1]); } // "F" "no" // "T" "yes" // 或者 for (let [key, value] of map.entries()) { console.log(key, value); } // "F" "no" // "T" "yes" //map的遍历器接口默认是entries,set的默认是values(); // 等同于使用map.entries() for (let [key, value] of map) { console.log(key, value); } // "F" "no" // "T" "yes"
//Map 结构转为数组结构,比较快速的方法是使用扩展运算符(...)。 const map = new Map([ [1,'one'], [2,'two'], ]); console.log([...map.keys()]);//[1,2]
Map与其他数据结构的互相转换可以看一下阮一峰老师的书Map与其他数据结构转换
WeakMet
WeakMap只接受对象作为键名(null除外),不接受其他类型的值作为键名。
WeakMap 里面对对象的引用就是弱引用,不会被计入垃圾回收机制。一旦消除对该对象的引用,它占用的内存就会被垃圾回收机制释放。
WeakMap只有四个方法可用:get()、set()、has()、delete()。
const map = new WeakMap();map.set(1, 2)// TypeError: 1 is not an object!map.set(Symbol(), 2)// TypeError: Invalid value used as weak map keymap.set(null, 2)// TypeError: Invalid value used as weak map key
- ES6学习之路(六) Map&WeakMet
- ES6学习之路(六) Set&WeakSet
- ES6学习之路9----Map数据结构
- ES6学习之路(六) Proxy 代理器&Reflect
- ES6学习之路~~数据结构:set和map
- 学习笔记:ES6之Set-map
- ES6系列之---Map
- ES6学习之路-1
- MongoDB学习之六----map/reduce
- ES6学习笔记(六)--set,map数据结构和for...of遍历
- ES6之Promise学习之路
- es6学习之路(1) 安装
- ES6学习之路(三) 字符串扩展
- ES6学习之路(四) 数组拓展
- ES6学习之路4----字符串模版
- ES6学习之路5----数组方法
- ES6学习之路6----箭头函数
- ES6学习之路7----set数据结构
- Java Telnet客户端
- Java & 运算
- linux命令操作
- 软件测试复习
- android studio中快速复制一个工程
- ES6学习之路(六) Map&WeakMet
- 鹅厂专家详解Android N适配要点
- SpringMVC处理Json-使用 HttpMessageConverter
- 如何实现模拟人类视觉注意力的循环神经网络?
- 编码器使用教程与测速原理之硬件方面(一)
- iOS手势解锁和指纹解锁
- 跳台阶
- 文本情感分类
- java之递归算法