js的Map实例

1、创建实例

let map= new Map(); // 创建

 

2、对map的写入

// 要添加的对象
let obj1 = {name:'张三', sex:'boy',age: 21};
let obj2 = {name:'李四', sex:'boy',age: 23};
let obj3 = {name:'王五', sex:'boy',age: 22};
let obj4 = {name:'张三', sex:'girl',age: 18};

map.set(obj1.name,obj1);
map.set(obj2.name,obj2);
map.set(obj3.name,obj3);// 添加写入

 

 map可以存储对象、字段等，key value，key是键用于取值、修改、删除。value是存入的值

3、获取map里面的值

map.get('张三'); // 通过key键获取

 

4、删除map的key和value

map.delete('李四');// 删除

 

5、修改map里面的值

map.set(obj1.name, obj4);

 

修改和添加一样：都是用set方法，通过key，如果map里面有该key就会对原来的值进行覆盖，如果没有就是添加

6、map的大小

map.size

 用map实例名直接点size，不用括号，如果是带括号size()将会报错，

7、map的清空

map.clear();

 

调用clear方法清空map里面的所有内容

8、遍历map

map.forEach(function (item) {
      console.log('遍历', item); // 输出value
});

 

map.forEach(function (value, key, maps) {
        console.log('value', value) // 输出value
        console.log('key', key); // 输出key
        console.log('map', maps); // 输出整个对象
})

for (var [key, value] of map) {
     console.log('key', key);
     console.log('value', value);
}    

 

这三种方法都可以遍历实例化的map。

注意事项：Map的另外一种意思

let map = [
    {key : "张三", value : "男"}, {key : "李四",value : "女"}
]; 

 

 很多人都喜欢把上面这种写法也叫做map，但是在我看来，它是一个数组，因为有个中括号，数组的元素是object而已。

所以这种map可以用普通的for循环遍历

for (var key in map) {  
    console.log(key);
    console.log(map[key]);  
}

 

上面这种方法有人说是遍历map的，但是它只能遍历第二种map，因为这个for循环里面的key是索引，不是实例化map的key键。