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

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

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

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

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

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

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

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