js forof 与 fonin 遍历区别点在哪里

原创已于 2022-07-08 17:08:44 修改 · 517 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #面试 #前端

于 2022-05-12 05:46:27 首次发布

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文详细对比了JavaScript中的for...in和for...of遍历方式。for...in遍历对象时包含原型链上的属性，而for...of主要用于遍历可迭代对象，如数组、Map等。在数组遍历场景下，for...in返回索引，for...of返回数组元素。若需用for...of遍历非可迭代对象，可借助Object.values()、Object.keys()或Object.entries()。总结而言，for...in适合遍历对象，for...of更适合遍历数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js forof 与 fonin 遍历区别点在哪里?

for循环：无论在实战开发中，还是面试中，都是高频率出现的，也是核心知识点之一

两者公共点：

1. 都支持 break、conitnue
1. 都遍历不到 Sybmol属性

在`对象情况下`遍历对比：

1. for in：完整遍历，所有的Key值，包括原型上属性；
2. for of：遍历报错s not iterable只能遍历带有iterable接口的对象，例如：map、set、augments、nodeList、classList

在`数组情况下`遍历对比：

1. for in：遍历的数组下标索引
2. for of：遍历数组每一项内容

特殊场景

结合Object方式
如果想遍历没有iterable结构的对象，又想实现for of 循环怎么呢？可以用Object提供的API去实现:
1. Object.values()
2. Object.keys()
3. Object.entries()

总结

for in 更适合遍历对象
for of 更适合遍历数组