javascript总for of和for in的区别

最新推荐文章于 2025-04-03 23:37:59 发布
原创 最新推荐文章于 2025-04-03 23:37:59 发布 · 437 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#遍历 #for-of

本文详细对比了ES5中的forin循环与ES6中的forof循环的不同之处，介绍了forin循环用于遍历对象属性，而forof循环则针对数组等可迭代对象的元素值进行迭代。

不同：

1. for in 是ES5的标准， for of 是ES6的标准

2. for in 是遍历的键（key）, for of 是遍历的值（value）

（1）for in 一般我们用来遍历普通对象的属性，当for in遍历数组时，会遍历出数组自定义和数组本身的属性
（2）for of 只会遍历出元素的value，不能循环遍历普通对象的属性，对象的属性遍历推荐for in，（ES6的Generator函数时生成的Iterator对象可以用for of进行自动遍历参考ES6 Generator 函数）

通过实例解析JavaScript for in及for of区别
10-15
在JavaScript中，`for...in`和`for...of`都是循环结构，但它们的应用场景和行为有所不同。这里我们将深入探讨这两个循环的区别，并通过实例来理解它们的工作原理。 `for...in`循环主要用于遍历对象的可枚举属性，...
深入解读JavaScript中的Iterator和for-of循环
10-23
JavaScript中的Iterator和for-of循环是ES6（ECMAScript 2015）规范中引入的重要特性。它们为遍历数据结构提供了一种更加简洁、直观且功能强大的方法。在介绍这两个概念之前，我们先来回顾一下传统的遍历方法。 在...
for in与for of的区别
夏天的博客
04-04 2977
for in与for of的区别
for···in和for···of的区别
田兴的博客
10-26 6164
for···in和for···of的区别：(for···in取key，for··of取value) ①从遍历数组角度来说，for···in遍历出来的是key(即下标)，for···of遍历出来的是value(即数组的值)； var arr = [99,88,66,77]; for(let i in arr){ console.log(i); //0,1,2,3 } for(let i of arr){ consoel.log(i); //99,88,66,77 } ②从遍历字符串的
for of 和 for in 的区别
JJJJuneT的博客
08-14 323
首先上一段代码来看看运行结果： 简单的将，for of就是取得数组里面的单个元素，相当于挨个遍历数组。而for in则是取得每个元素的在数组中的index值
for of 与 for in的区别
huang100qi的专栏
05-12 497
遍历数组通常使用for循环，ES5具有遍历数组功能的有forEach、map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，不能break中断循环，使用return也不能返回到外层函数。12345678Array.prototype.method=function(){　　console.log(this...
for-of和for in的区别
qq_42793177的博客
06-24 426
for of 和 for in
for in 和 for of 的区别
XCVB_CODE的博客
04-03 1008
for in 和 for of 的区别
JavaScript中for..in，for..of，for，forEach 4个的用法和区别
m0_58646138的博客
05-24 1771
for循环、for...in循环和for..of循环 break() continue() some() every()
js 数组遍历符合条件跳出循环体_JS篇(019)-for in 和 for of
weixin_29434351的博客
12-20 515
答案：1、for in* 1. 一般用于遍历对象的可枚举属性。以及对象从构造函数原型中继承的属性。对于每个不同的属性，语句都会被执行。* 2. 不建议使用 for in 遍历数组，因为输出的顺序是不固定的。* 3. 如果迭代的对象的变量值是 null 或者 undefined, for in 不执行循环体，建议在使用 for in 循环之前，先检查该对象的值是不是 null 或者 undefine...
for in 和 for of的区别
热门推荐
qq_43796489的博客
08-10 5万+
1.循环数组 区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。 const arr = [1,2,3,4] // for ... in for (const key in arr){ console.log(key) // 输出 0,1,2,3 } // for ... of for (const key of arr){ console.log(key) // 输出 1,2,3,
for in 和for of的区别
m0_73887065的博客
06-05 563
对于数组的遍历，for…in 会返回数组中所有可枚举的属性(包括原型链上可枚举的属性)，for…of 只返回数组的下标对应的属性值。of 循环可以用来遍历遍历可迭代对象（如数组、字符串、Set、Map等），它迭代对象的值（value）而不是键（key）。of 是用于循环数组、字符串、Map、Set等数据类型中的元素。for in 是用于循环对象的属性名。in 循环主要是为了遍历对象而生，它迭代对象的键（key）而不是值（value）。in 会遍历对象的整个原型链，而 for …的遍历方式，for…
for of 和 for in 的一些区别
菜鸟的博客
09-21 2418
自己经常会搞混淆for of 和for of 的区别以及用法，所以记录一下，方便以后忘记了，可以回来看看 1.for in for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。 用法： for (variable in object) variable 在每次迭代时，variable会被赋值为不同的属性名。 object 非Symbol类型的可枚举属性被迭代的对象。 如果你只要考虑对象本身的属性，而不是它的原型，那么使用getOwnPropertyNames...
for in 与for of的区别
m0_68309348的博客
04-30 265
For in可以遍历对象 ⽽ for of遍历对象会报错 for in 遍历数组得到的数组的下表 ⽽for of遍历得到的时候数组⾥⾯的每⼀个元素
for…in 和 for…of 的区别
m0_38135164的博客
12-07 2481
for of 一般只能遍历自身的可枚举属性（具体和迭代器内部的实现有关）for of 一般得到的是value（具体和迭代器内部的实现有关）for in 能遍历自身的可枚举属性 && 原型上的可枚举属性。，像Array、String、Map、Set、函数的。for in 得到的是key（并且不能保证顺序）例如 对象、数组、字符串。for in 适用于。for of 适用于。、nodeList对象。
for-in和for-of的区别
tsqgll的博客
06-30 370
for-in和for-of的区别 for-in是ES5标准，遍历的是key（可遍历对象、数组或字符串的key）；for-of是ES6标准，遍历的是value（可遍历数组或字符串，set，map的value）。 for-in 直接看简单的代码示例了解用法。 var arr = [1, 2, 4, 5, 7]; for (var index in arr) { 　　console.log(myArray[index]); } 使用for-in可以遍历数组，但是会存在以下问题： 1.index索引为字符串型数字
JavaScript for of循环
翾的博客
05-20 908
for ofES6提供三个新的方法——entries()，keys()和valueOf()——用于遍历数组。可以用for…of循环进行遍历，唯一的区别是keys()是对键名的遍历、valueof()是对键值的遍历，entries()是对键值对的遍历。对于下面let, 解析赋值不懂的同学, 可以看看我http://blog.youkuaiyun.com/c_kite/article/details/7247758
你理解了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 of和for in的区别
最新发布
10-12
JavaScript 中 `for...of` 和 `for...in` 的区别主要体现在以下几个方面： 1. **遍历对象不同**：`for...in` 主要用于遍历对象，能获取对象的可枚举属性名，包括对象自身及原型链上的可枚举属性；而 `for...of` 适用...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值