for in 与 for of循环的区别

最新推荐文章于 2025-07-10 10:40:05 发布

一枚小小的菜鸟

最新推荐文章于 2025-07-10 10:40:05 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_38180363/article/details/93626500

本文对比了for...of与for...in两种循环方式的特点与适用场景。for...of不仅支持数组遍历，还适用于类似数组的对象及字符串，但不适用于处理原生对象；而for...in更适用于循环对象属性，包括自定义属性，但在数组遍历上不如for...of高效。

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

推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of

1⃣️都可以循环数组，但是for of不能循环自定义的属性

for of

1⃣️ 循环不仅仅支持数组的遍历，同样适用于很多类似数组的对象。

2⃣️它也支持字符串的遍历

3⃣️for-of 并不适用于处理原有的原生对象

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一枚小小的菜鸟

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

for...in循环，for...of循环，forEach()的区别

zhouyuzhu666的博客

09-27

1977

一、for…in循环一个 Array 数组实际上也是一个对象，它每个元素的索引被视为一个属性，所以 arr 数组额外添加的 name 属性也会被 for…in 循环遍历出来，但是 arr 数组的 length 属性（数组长度）却没有包含 name var arr = ['a','b','c','d'] arr.name = 'zhangsan' for (let key in arr) { console.log(key); //'0','1','2','3','name' console

for in 和 for of 的区别

XCVB_CODE的博客

04-03

904

for in 和 for of 的区别

参与评论您还未登录，请先登录后发表或查看评论

常用for循环和for in 以及for of 的区别

weixin_33961829的博客

06-28

257

用Es6对象扩展运算符（…）与rest运算符说明 function test(first,...a){ for(let val=0; val<a.length;val++){ console.log(val+' '+'常用的 for循环') // 0-6 便利出下标 } for(let val in a){ cons...

for...in 和 for...of 的终极区别：一文彻底解决你的困惑

最新发布

dorabighead的博客

07-10

1140

摘要：本文深入解析JavaScript中for...in和for...of循环的核心区别与使用场景。for...in遍历对象的可枚举键名（含原型链），适合对象属性遍历；for...of通过迭代器获取可迭代对象（数组、Set等）的值，直接访问元素内容。通过对比表、记忆口诀（"in看名，of看值"）和实战案例，揭示常见误用风险（如数组遍历用for...in会包含原型属性），并提供底层机制解析。最后附配套练习题巩固理解，帮助开发者准确选择遍历方式。

for...in和for...of在循环遍历时的区别

高先生的猫

04-24

444

遍历数组的区别遍历数组var和let类型的比较这里使用let声明变量,不要使用var,存在变量提升问题 //使用var类型遍历数组 //使用var类型遍历数组 var a=[1,2,3] for(var i=;i<3;i++){ setTimeout(function(){ consloe.log(i); },0) } //输出结果是333 //使用let类型遍历数组 va...

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

weixin_30537451的博客

10-25

117

以下是使用for...in和for...of分别对Array，Set，Map做的测试： for...in由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组也是一个对象，数组中的每个元素的索引被视为属性名称，所以我们可以看到使用for...in循环Array数组时，拿到的其实是每个元素的索引。如上所示，当我们为a多手动添加一个属性name的时候，for...in循环会...

for in 和for of 的区别

qq_38152997的博客

12-15

392

最近在学习es6的知识，看到了for of 这新的循环方法，所以就测试一下和以前for in有什么不同，一下是一些不同地方，当然还有其他不同的，暂时还没有发现： for … in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。当我们手动给Array对象添加了额外的属性后，for … in循环将带来意想不到的意外效果： ...

js中forEach，for in，for of循环的用法示例小结

10-15

本文将深入探讨三种常见的循环类型：`forEach`、`for...in` 和 `for...of`，并结合实例来阐述它们的用途和注意事项。一、`forEach`循环 `forEach`方法是数组的一个内置方法，它为数组中的每个元素执行一次提供的...

通过实例解析JavaScript for in及for of区别

11-20

对数组的遍历大家最常用的就是...那么接下来我们一起看一下for in 和for of 的区别吧。 for in 看一个简单的例子 //for in 应用于数组 Array.prototype.sayHello = function(){ console.log("Hello") } Array.prot

全面解析JavaScript里的循环方法之forEach，for-in，for-of

11-26

JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的： for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自从JavaScript5起，我们开始可以...

你理解了for-in 和 for-of 吗？他们有什么区别？

tyxjolin的专栏

04-11

2万+

在选择使用 for-in 循环还是 for-of 循环时，我们需要考虑对象的类型以及我们需要迭代的内容。需要注意的是，for-in 循环并不是按照对象属性在对象中的顺序迭代的。for-in 循环适用于遍历对象，包括普通对象、数组、函数等，而 for-of 循环适用于遍历可迭代对象，包括数组、字符串、Map、Set、TypedArray 等。for-in 循环迭代对象的是键名，而 for-of 循环迭代对象的是值。因此，for-in 循环适用于迭代对象的键名，而 for-of 循环适用于迭代对象的值。

for、for in、for of、forEach总结

湫__的博客

04-29

1249

一、传统for循环用途：循环代码块一定的次数遍历数组、对象(需先转换成数组)、字符串可以使用return、break等来中断循环使用break语句来跳出循环，使用continue语句来跳过点前的迭代，并执行下一个迭代。语法： for(循环变量(statement1，...);循环条件(statement2);变量的改变(statement3,...)){ 循环体; } 参数： statement1 可选。在循环之前执行，用于变量的初始化，初始化多个...

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

fighting ~的博客

03-21

1489

可迭代对象包括数组、字符串、Set、Map等，还包括 arguments 对象。它遍历的是。

for...in 与 for...of 的用法与区别

Eliaukoyx

10-31

993

无论是for...in还是for...of语句都是迭代一些东西。它们之间的主要区别在：（1）都可以循环数组，for...in 输出的是数组的index下标，而for...of 输出的是数组的每一项的值。（2）for...of 不能遍历对象，for...in 遍历对象，输出对象的key。（3）for...in 语句以任意顺序迭代对象的可枚举属性。for...of 语句遍历可迭代对象的value。

for in与for of的区别

夏天的博客

04-04

2805

for in与for of的区别

如何使用for...of 和 for...in，以及它的区别和注意事项

xu1912715645的博客

12-28

1280

for...of 和 for...in的语法特点及使用

for of 和 for in 的区别