ECMAScript6中Map/WeakMap详解_javascript技巧
来源:动视网
责编:小采
时间:2020-11-27 21:39:22
ECMAScript6中Map/WeakMap详解_javascript技巧
ECMAScript6中Map/WeakMap详解_javascript技巧:JS的对象本身就是个键值结构,ES6为什么还需要加Map呢,它与普通的JS对象有何区别? 一、Map 1. Map构造器 先看Map的简单用法 // 字符串作为key, 和JS对象类似 var map = new Map() // set map.set('name', 'John') map.s
导读ECMAScript6中Map/WeakMap详解_javascript技巧:JS的对象本身就是个键值结构,ES6为什么还需要加Map呢,它与普通的JS对象有何区别? 一、Map 1. Map构造器 先看Map的简单用法 // 字符串作为key, 和JS对象类似 var map = new Map() // set map.set('name', 'John') map.s
JS的对象本身就是个键值结构,ES6为什么还需要加Map呢,它与普通的JS对象有何区别?
一、Map
1. Map构造器
先看Map的简单用法
这么对代码,看起来确实没有JS对象简洁
但Map的强大之处在于它的key可以是任意类型
以上演示了用对象作为key的Map。以下为图示

Map构造器还支持传数组方式
2. 迭代
和Set一样用for of来迭代Map,键调用map.keys(),值调用map.values(),键值实体调用map.entries()
3. 方法和属性

二、WeakMap
与Map的区别
不接受基本类型的值作为键名
没有keys、values、entries和size
有以下方法

以上所述就是本文的全部内容了,希望大家能够喜欢。
ECMAScript6中Map/WeakMap详解_javascript技巧
ECMAScript6中Map/WeakMap详解_javascript技巧:JS的对象本身就是个键值结构,ES6为什么还需要加Map呢,它与普通的JS对象有何区别? 一、Map 1. Map构造器 先看Map的简单用法 // 字符串作为key, 和JS对象类似 var map = new Map() // set map.set('name', 'John') map.s