es6新增数据结构Map()与WeakMap()

const obj1 = { name: 'qxl'}
const obj2 = { name: 'hello'}
const str = 'hello world'

const mapObj = new Map()
mapObj.set(obj1, 123)
mapObj.set(obj2, 'lxa')
mapObj.set(str, 'hello world')
console.log(mapObj)

Map的基本使用
  另外一个新增的数据结构是Map,用于存储映射关系。
  但是我们可能会想,在之前我们可以使用对象来存储映射关系,他们有什么区别呢?
  事实上我们对象存储映射关系只能用字符串(ES6新增了Symbol)作为属性名(key);
  某些情况下我们可能希望通过其他类型作为key,比如对象,这个时候会自动将对象转成字符串来作为key;

 Map的常用方法
 Map常见的属性:
   size:返回Map中元素的个数;
 Map常见的方法:
   set(key, value):在Map中添加key、value,并且返回整个Map对象;
   get(key):根据key获取Map中的value; has(key):判断是否包括某一个key,返回Boolean类型;
   delete(key):根据key删除一个键值对,返回Boolean类型;
   clear():清空所有的元素;
   forEach(callback, [, thisArg]):通过forEach遍历Map; Map也可以通过for of进行遍历。

   WeakMap的使用
    和Map类型相似的另外一个数据结构称之为WeakMap,也是以键值对的形式存在的。
   那么和Map有什么区别呢?
    区别一:WeakMap的key只能使用对象,不接受其他的类型作为key; 
    区别二:WeakMap的key对对象想的引用是弱引用,如果没有其他引用引用这个对象,那么GC可以回收该对象;

  WeakMap常见的方法有四个:
    set(key, value):在Map中添加key、value,并且返回整个Map对象;
    get(key):根据key获取Map中的value; 
    has(key):判断是否包括某一个key,返回Boolean类型;
    delete(key):根据key删除一个键值对,返回Boolean类型;
  注意:WeakMap也是不能遍历的
    因为没有forEach方法,也不支持通过for of的方式进行遍历;
上一篇:ES6 class创建类


下一篇:el-select组件在选择的时候想获得value和label值踩坑。。。