课程名称: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()
也是我们平常工作中使用比较频繁的,我们可以用于下拉框中的显示,将生成的数据传递给框架中的下拉框,从而显示对应的数据。