for in 和for of的区别

最新推荐文章于 2024-04-04 00:38:20 发布

向晴天

最新推荐文章于 2024-04-04 00:38:20 发布

阅读量361

点赞数

文章标签： java 开发语言

本文链接：https://blog.csdn.net/m0_73887065/article/details/131042749

版权

for…of 是ES6新增的遍历方式，for…in是ES3的遍历方式

for…of 是用于循环数组、字符串、Map、Set等数据类型中的元素。 for in 是用于循环对象的属性名。

for… in 会遍历对象的整个原型链，而 for … of 只遍历当前对象不会遍历原型链；
对于数组的遍历，for…in 会返回数组中所有可枚举的属性(包括原型链上可枚举的属性)，for…of 只返回数组的下标对应的属性值。

总结：
for…in 循环主要是为了遍历对象而生，它迭代对象的键（key）而不是值（value）。不适用于遍历数组；
for…of 循环可以用来遍历遍历可迭代对象（如数组、字符串、Set、Map等），它迭代对象的值（value）而不是键（key）。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

向晴天

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

for-in和for-of区别

weixin_43905830的博客

01-28

936

for-in和for-of区别先说说结论 for-in适合遍历对象属性，for-of适合遍历数组 for-in循环出的是key值，for-of循环出的是value for-in可以遍历可枚举的属性，for-of遍历的是可迭代的 for-of不能直接遍历普通的对象，需要通过Object.keys()搭配使用 for-in循环最早期遍历数组的方式就是一层for循环遍历数组下标： let a=[1,2,3,4]; for(let i=0;i<a.length;i++){ console.l

for...in和for...of的区别和使用场景

donggua_123的博客

12-22

1775

这还要从一道面试题说起，请问下面两种情况分别打印什么： let arr = [1,2,3,4,5] for(let i in arr) { console.log(i) // 0,1,2,3,4 } for(let i of arr) { console.log(i) // 1,2,3,4,5 } 可以看到，for in遍历的是数组索引，也是数组的键，for of遍历的...

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

es6/ts for in/ for of

weixin_34390105的博客

09-18

397

　　for in 是es6之前就有的循环下标的方式　　for of 是typescript的循环对象或者数组中值的方式,但是不能循环普通的对象，需要通过和Object.keys()搭配使用，如果循环普通对象会报错　　举个栗子：　　　　var arr = [9,5,6,7,8,2];　　　　　arr.s = "sb";（后期增加属性值来改变对象) 　　　　for(var k in...

for···in和for···of的区别

田兴的博客

10-26

5923

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 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 的区别

L1147484597的博客

02-08

1万+

for in 和 for of 简单来说就是它们两者都可以用于遍历，不过for in遍历的是数组的索引（index），而for of遍历的是数组元素值（value） for in（ES1） for in和for循环方式历史悠久，从ECMAScript 1就被支持。 for in 用来循环数组不是一个合适的选择。迭代的是属性key，不是值。由于属性 key 是字符串，迭代出的元素索引是 string,不是 number，不能直接进行运算，如下 var arr = [1,2,3] for (let

比较for、for...in、for...of、forEach的区别

thwr1881的博客

05-27

5503

前言在比较之前我们先了解两个概念：迭代（iterate），指的是按照某种顺序反复多次执行一段程序，通常会有明确的终止条件。遍历（traversal），指的是按照一定的规则访问树形结构中的每个节点，而且每个节点都只访问一次。一、for循环语句 for循环语句在之前的博客里有较为详细的介绍，简单来说for语句是一种先测试循环语句，（即先检测退出条件，再执行循环体内的代码.) 1、语法： for（初始化变量;条件表达式;操作表达式）{ 循环体语句 } (1)三个表达式都可以省略,但是表达式之间的分号不

for、foreach、for in、for of 的区别

Superman_peng的博客

05-16

2568

for javascript 中的 for 循环，用来遍历数组 foreach foreach 循环可以直接取到元素，同时也可以取到 index 值。但是 foreach 的局限是，不能 continue 跳过或者 break 终止循环。 let arr = [1,2,3,4]; arr.forEach(function (item, index, arr) { // item是当前元素，index是当前索引值，arr是当前元素所属的数组对象 console.log("当前元素： " + item

for in , for of 和forEach三者对比

蔡姐的博客

07-10

1万+

for in , for of 和forEach三者都是循环时经常使用的，但是每个使用场景都是有轻微不同，接下来就进行一个对比 1.1 for…in…的作用 1.1.1 可枚举对象 const person = { name: 'Lydia', age: 21, }; for (const item in person) { console.log(item); } 这个输出结果是： name age 对于这个结果可以简单理解为，对于对象object，使用for…in…循环是对对象的key

for in与for of的区别

最新发布

夏天的博客

04-04

1577

for in与for of的区别

for…in 和 for…of 的区别

m0_38135164的博客

12-07

1214

for of 一般只能遍历自身的可枚举属性（具体和迭代器内部的实现有关）for of 一般得到的是value（具体和迭代器内部的实现有关）for in 能遍历自身的可枚举属性 && 原型上的可枚举属性。，像Array、String、Map、Set、函数的。for in 得到的是key（并且不能保证顺序）例如对象、数组、字符串。for in 适用于。for of 适用于。、nodeList对象。

for in和for of区别

qq_38313281的博客

07-07

415

ES6新增for of遍历方法,我们之前遍历一个数组有可能用for in的方法var arr=[1,2,5,6]; arr.name = 'array'; for(var i in arr){ console.log(arr[i]); } //输出结果：1，2，5，6，'array'使用for in 也可以遍历数组，但是会存在以下问题： 1.index索引为字符串型数字，不能直接进行几何

for in和for of的区别

qq_24418107的博客

05-31

1272

可迭代数据：array string Map Set 函数的arguments对象还有我们的生成器函数function*( ){ }什么是可迭代数据：在原型链上具有Symbol.iterator属性，通过调用.next() 方法，返回对应的属性。看下图打印的信息，enumerable值为true表示都是可迭代对象。什么是可枚举的：属性的enumerable值为true，表示可枚举。for in 不仅能便利自身的属性，他还能便利原型链上可枚举的属性。他返回的是key的值，并且不能保证顺序。

for of 和 for in 的一些区别

菜鸟的博客

09-21

2261

自己经常会搞混淆for of 和for of 的区别以及用法，所以记录一下，方便以后忘记了，可以回来看看 1.for in for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。用法： for (variable in object) variable 在每次迭代时，variable会被赋值为不同的属性名。 object 非Symbol类型的可枚举属性被迭代的对象。如果你只要考虑对象本身的属性，而不是它的原型，那么使用getOwnPropertyNames...

for in for of区别

weixin_42576804的博客

02-11

236

for...in 和 for...of 是 JavaScript 中的两种循环结构，它们的主要区别在于对于对象和数组的遍历方式不同。 for...in 是用于遍历对象的属性(property)的循环结构，它会遍历对象的所有可枚举的属性，包括它的继承的属性。 for...of 是用于遍历数组、字符串、Map 和 Set 等 Iterable 类型的循环结构，它会遍历对象的所有元素，不包括它的属性...

for in 和for of区别

07-27

在 JavaScript 中，for...in 和 for...of 是两种循环语句，用于迭代数组或对象的元素。它们的用法和行为有一些区别。 1. for...in 循环： for...in 循环用于迭代对象的可枚举属性。它会遍历对象的所有可枚举属性，包括自身的属性和继承的属性。语法如下： ```javascript for (variable in object) { // 循环体 } ``` 在循环体中，你可以通过 variable 获取到当前迭代的属性名。示例： ```javascript const obj = { a: 1, b: 2, c: 3 }; for (let key in obj) { console.log(key); // 输出属性名：a, b, c console.log(obj[key]); // 输出属性值：1, 2, 3 } ``` 2. for...of 循环： for...of 循环用于迭代可迭代对象（如数组、字符串、Set、Map等）的元素值。它会遍历对象的可迭代部分，而不包括对象的属性。语法如下： ```javascript for (variable of iterable) { // 循环体 } ``` 在循环体中，你可以通过 variable 获取到当前迭代的元素值。示例： ```javascript const arr = [1, 2, 3]; for (let value of arr) { console.log(value); // 输出元素值：1, 2, 3 } const str = "Hello"; for (let char of str) { console.log(char); // 输出字符：H, e, l, l, o } ``` 总结： - for...in 循环用于迭代对象的属性名，可以遍历对象的可枚举属性。 - for...of 循环用于迭代可迭代对象的元素值，可以遍历数组、字符串等可迭代对象。希望这个解答对你有帮助！如果你还有其他问题，请随时提问。