Vue常用的ES6语法之数据集合map

特点：

• 类似于对象，本质上是键值对的集合
• "键"不局限于字符串，各种类型的值都可以当作键（包括对象）
• 对象'字符串-值'，Map'值-值'是一种更加完善的hash结构体现

创建一个Map

let obj1 = {a:1}, obj2 = {b:2}; 
const map = new Map([
  ['name', 'Joe.Ye'],
  ['age', 22],
  ['sex', '男'],
  [obj1, 'http://www.appblog.cn'],
  [[1,2], 'China'],
  ['age', 25]
]); 
console.log(map);
console.log(map.size);//5 也可以用来去重

方法set和get、delete、has、clear

map.set(['city', ['HangZhou','ShangHai']]).set(['country', ['China']]); //为map中添加属性和值
map.get('name'); //取值
map.delete(obj1); //删除

 //注意事项
map.set({}, 'Joe.Ye');
map.set({}, 'AppBlog.CN');//这在map中添加了两个对象，因为对象是个复杂的数据类型，会在栈里开辟地址，在堆里存放值

keys() values() entries()

map.keys(); //取键
map.values(); //取值
map.entries(); //取键值

遍历

map.forEach(function(value,index) {
  console.log(index + ': ' + value);
})