当前位置：网站首页>for..in和for..of的区别

for..in和for..of的区别

2022-08-05 04:25:00 【懵懵懂懂学前端】

前一段时间我碰到一个这样的问题：随便使用for..in和for..of给我带来了不可预期的后果，和我想得有点不太一样。关于for...in和for..of之间到底有什么区别？什么时候用for..in？什么时候用for..of呢？接下来，我将用代码作为示例来展示它们两者的差别。

首先看看遍历数组时 for...in和for...of的区别:

由上可知，控制台输出结果可以正常显示，对数组进行遍历时，for..in获取到的是每次遍历项的索引值，而for...of每次遍历获取到的则是每一个遍历项的value值。

在看看关于遍历对象时 for..in和for..of的区别:

通过控制台我们可以看出，使用for...in遍历对象时，每一次遍历得到的都是对象中的key值，而使用for..of遍历时则会报错（obj is not iterable）,译为：obj这个对象不可迭代的，不能使用for..of遍历对象，它获取到的不是每一个遍历项的value值。

总结：

遍历数组时：for..in获取到的是每一项的索引值，而for..of获取到的是每一项的值

遍历对象时：for..in获取到的是每一项的key值（也就是属性名），而for..of不能用于遍历对象，会报错

扩展内容：Object.keys(obj)可以获取到obj的keys值，用数组形式保存；Object.values(obj)可以获取到obj的value值，也是用数组形式保存

版权声明
本文为[懵懵懂懂学前端]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_56966124/article/details/126149240