ES6新特性--Map集合

1. Map集合

(1).Map集合概述

ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。但是“键” 的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了 iterator 接口，所以可以使用【扩展运算符】和【for…of…】进行遍历。

(2).Map集合创建

//Map集合
//声明一个Map集合
let m = new Map();

1. Map集合常用的属性和方法

(1).set()方法，增加一个新元素，返回当前 Map

let m = new Map();
         
//添加元素
m.set("张三","李四");
m.set("change",function(){
  console.log("我们可以改变你!")
})
//通过键添加值
let key = {
    school:'测试'
}     
m.set(key,["你好","我好","大家好"])     
console.log(m)

(2).size()方法，返回 Map 的元素个数

//声明一个Map集合
let m = new Map();
//添加元素
m.set("张三","李四");
         
//获取元素个数
console.log(m.size)

(3).get()方法，返回键名对象的键值

//声明一个Map集合
let m = new Map();
         
//添加元素
m.set("张三","李四");
 m.set("change",function(){
   console.log("我们可以改变你!")
})
//通过键添加值
let key = {
   school:'测试'
}
         
//get方法获取元素内容
console.log(m.get('change'))
console.log(m.get('张三'))

(4).has ()方法，是否包含指定元素

//声明一个Map集合
let m = new Map();
         
//添加元素
m.set("张三","李四");
m.set("change",function(){
     console.log("我们可以改变你!")
})
//通过键添加值
let key = {school:'测试'}
//测试是否包含指定元素
console.log(m.has('张三'))

(5).clear()方法，清除集合元素

//声明一个Map集合
let m = new Map();
         
//添加元素
m.set("张三","李四");
m.set("change",function(){
    console.log("我们可以改变你!")
})
//通过键添加值
let key = {school:'测试'}
//清除集合元素
m.clear()
console.log(m.size)

(6)for...of...遍历集合元素

//声明一个Map集合
 let m = new Map();
              
//添加元素
m.set("张三","李四");
m.set("change",function(){
    console.log("我们可以改变你!")
})
         
//for...of...遍历集合元素
for (let s of m) {
    console.log(s)
}