如何使用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循环遍历对象区别
  • 粘结钕铁硼磁体生产流程有哪些?
  • 杀手6安装教程
  • 如何做香甜松软的蜂蜜蛋糕
  • 艾尔之光武器强化加10和防具强化的小秘密
  • 怎么做出好吃的螺蛳粉?
  • 热门搜索
    书手抄报 感恩的手抄报内容 法律手抄报的内容 一年级手抄报怎么写 美丽的春天手抄报图片 爱的手抄报图片 庆五一手抄报内容 感恩生命手抄报 学会感恩手抄报内容 关于道德的手抄报