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

如何使用ES6中for of和for in循环遍历对象区别

时间:2024-10-16 18:01:29

1、第一步,定义一个lis数组并进行赋值,然后使用for...of遍历数组,打印元素,如下图所示:

如何使用ES6中for of和for in循环遍历对象区别

2、第二步,直接运行这个JavaScript文件,可以在控制台看到打印的结果,如下图所示:

如何使用ES6中for of和for in循环遍历对象区别

3、第三步,将第一步中的for...of换成for...in语句,并打印对应的结果,如下图所示:

如何使用ES6中for of和for in循环遍历对象区别

4、第四步,再次运行这个文件,可以看到打印的结果为元素对应的序号,如下图所示:

如何使用ES6中for of和for in循环遍历对象区别

5、第五步,利用Set集合声明一个变量fruit,并使用水果英文单词进行赋值,如下图所示:

如何使用ES6中for of和for in循环遍历对象区别

6、第六步,使用for...of变量第五步定义的Set变量,打印结果,可以发现是打印出来的是value值,如下图所示:

如何使用ES6中for of和for in循环遍历对象区别

7、第七步,将for...of换成for...in,再次保存运行文件,查看打印结果,显示的是key值,如下图所示:

如何使用ES6中for of和for in循环遍历对象区别
© 手抄报圈