手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何实现ES6中的Map和数组相互转换并展示元素

时间:2024-10-15 07:13:23

1、第一步,在对应的JS文件中,定义一个数组变量ar,类似键值对的形式,如下图所示:

如何实现ES6中的Map和数组相互转换并展示元素

2、第二步,保存代码并运行这个文件,结果出现了报错,提示name未定义,如下图所示:

如何实现ES6中的Map和数组相互转换并展示元素

3、第三步,由于是要将数组转换成Map,需要将对应的key和value使用双引号包裹起来,如下图所示:

如何实现ES6中的Map和数组相互转换并展示元素

4、第四步,定义Map数据对象变量m1,将数组放在new Map()中,如下图所示:

如何实现ES6中的Map和数组相互转换并展示元素

5、第五步,保存代码并再次运行文件,可以发现结果中出现键值对的Map类型值,如下图所示:

如何实现ES6中的Map和数组相互转换并展示元素

6、第六步,接着将Map类型变量再使用扩展运算符,转换成数组,如下图所示:

如何实现ES6中的Map和数组相互转换并展示元素
© 手抄报圈