【备战春招】第12天 ES6基础知识详解(八)

课程名称：4小时快速体验ES6-10的强大

课程章节： ES6基础知识详解

课程讲师：大谷

课程内容：

Map的使用方法：

首先我们定义了不同类型的变量，然后通过new Map()又创建了一个map，然后通过set给定义的里面进行了赋值。第一个参数是变量的内容，第二个参数是我们要赋值的值。map中的key可以是任意类型。然后可以通过循环输出所有key值。我们需要注意的是循环时map1.keys()后面的小括号不能忘记了。

除了上面的场景，map还可以进行增加，删除，查找以及转换等功能。新增的时候我们可以在定义map的时候进行添加，不过参数需要写在中括号里面，并且每个参数用逗号隔开。我们也可以定义完成之后，通过set进行赋值，里面使用key: value形式即可。删除我们可以定义完成之后直接使用delete方法。查找是否有某个key，直接调用has方法。

因为map的值是含有key和value，如果我们想要将map转换成一维数组，我们可以分别将key和value都转换为数组，直接用map调用keys()和values()，然后再用ES6的...进行转换，在最外面添加一个数组，这样输出的结果是一个数组包括所有的参数。我们也可以输出一个二维数组，只需要调用entries方法，这样输出的每个数组中第一个参数是key，第二个参数是key对应的value。

课程收获：

这一章主要学习了ES6必知必会的Map知识点，其中map里面的key可以是任意类型的，这样满足我们在不同场合里面的使用。map可以用于给对象添加key和value，也可以进行删除某个key，还可以进行查找对象中是否含有某个key。map中还有keys()和values()方法分别输出所有的key和所有的value。我们还可以通过调用entries()输出二维数组，二维数组的第一个参数是key，第二个参数是key对应的值。new Map()也是我们平常工作中使用比较频繁的，我们可以用于下拉框中的显示，将生成的数据传递给框架中的下拉框，从而显示对应的数据。