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

 时间:2026-02-15 15:53:38

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和防具强化的小秘密
  • 怎么做出好吃的螺蛳粉?
  • 热门搜索
    台妹减肥法 威海旅游攻略 社保是怎么交的 马丁靴搭配什么裤子好看 猎天使魔女攻略 快穿攻略撩男神100式 延禧攻略下架 我的世界工作台怎么用 陆风汽车质量怎么样 小儿湿疹是怎么引起的