什么是Map

@H_984_5@map和对象类似都是键值对的集合。

@H_509_57@map和对象的区别

对象一般用字符串当键。

@H_249_64@map可以用数字、字符串、布尔值、null、undefined、数组、对象、Set、Map等做键。

@H_509_57@map实例的属性和方法

set()

向Map实例中添加新成员࿰c;可连续添加。 如果新成员的键已存在࿰c;那么新成员将会覆盖以存在的键。

get()

通过Map实例的键࿰c;来访问其对应的值。

获取不存在的成员返回undefined。

has()

通过Map实例的键࿰c;来判断成员是否存在。

delete()

删除Map实例成员࿰c;删除实例中不存在的成员不报错。

clear()

清空Map实例成员。

forEach()

遍历Map实例成员࿰c;接收两个参数࿰c;第一个是一个回调࿰c;回调接收三个参数：value、key、Map。第二个参数是是this指向。

size属性

获取Map成员个数。

@H_509_57@map构造函数

二维数组

Set

Set必须体现出键和值。

@H_447_76@map

@H_249_64@map作为参数࿰c;传入构造函数࿰c;相当于Map实例的克隆。

@H_509_57@map注意事项 @H_984_5@map对于重复键的判断基本遵循 ===࿰c;但在Map中NaN ===NaN。

@H_509_57@map的应用

操作DOM

	<p>1</p>
    <p>2</p>
    <script>
        const [p1,p2] = document.querySELEctorAll('p');
        const m = new @H_1000_237@map([
            [p1,'Red'],
            [p2,'blue']
        ]);
        m.forEach((color, elem) => {
            elem.style.color = color
        })
    </script>