for in 和 for of 的区别

最新推荐文章于 2024-08-17 11:35:56 发布

娟娟丫

最新推荐文章于 2024-08-17 11:35:56 发布

阅读量197

点赞数 2

分类专栏： JavaScript 文章标签：前端 javascript

本文链接：https://blog.csdn.net/fangcaojuanjuan/article/details/138715161

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

for in 遍历的是key, for of 遍历的是value
推荐用for in 遍历对象，for of 遍历数组

for in

for in 循环遍历的是对象的属性名，而不是属性值
for in 会枚举出对象自身以及原型链上的所有可枚举属性，如果只想遍历对象自身的属性，可以使用hasOwnProperty方法进行过滤

for of

for of 遍历的是值，而不是键
for of 循环不会遍历对象的原型链
for of 适用于数组，字符串，Map,Set等可迭代对象

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

娟娟丫

关注关注

2
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

for in 与for of循环的区别

Alex的博客

04-09

3506

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传 LaTex数学公式 UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

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

donggua_123的博客

12-22

1852

这还要从一道面试题说起，请问下面两种情况分别打印什么： 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遍历的...

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

JS中for…in、for…of、forEach用法和适用条件总结

最新发布

2301_79858914的博客

08-17

549

for...in: 用于遍历对象的可枚举属性（不推荐用于数组）。for...of: 用于遍历可迭代对象的值（常用于数组、字符串等）。forEach: 专门用于数组的遍历，且执行提供的回调函数。

for...in/for...of的区别

CheatMyself的博客

10-14

302

js中for..in 与for..of的区别

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

xvzhengyang的博客

10-23

1032

for...in可以枚举对象;for..of不可以 var obj = { a: 1, b: [], c: function () { } }; for (var key in obj) { console.log(key); } // 结果是： // a // b // c 若换成for...of那么会报错 Uncaught TypeError: o...

for in和for of区别

qq_38313281的博客

07-07

431

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 和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

前端面试系列-JavaScript-for ... in和for...of

LYFlied的博客

03-25

1443

for ... in、for...of区别 - for in 一般常用来遍历对象或json，不适用于遍历数组。 - for of数组对象都可以遍历，遍历对象需要通过和Object.keys() - for in循环出的是key，for of循环出的是value for...of 就是用for实现的。性能 for > for...of > for...in for > for...of > for...in for...in需要穷举对象的所有属性，包括自定义的添加的属性也能遍历到且for...in的key

JavaScript数组forEach,for in和for of等不同遍历的差别详解与性能分析

分花拂柳的博客

06-14

3万+

写在前面JavaScript中，茴香豆的'茴'有四种写法……开玩笑的，是数组的遍历有四种方法，本文将会分别展示四种遍历的用法，分析他们的区别，最后比较他们的性能。正文遍历数组时，在所有语言中，最常用的方法都是//以下简称为arr.length遍历 var arr = [0,1,2,3,4,5,6,7,8,9]; for(var i = 0; i < arr.length; i++){ ...

前端程序员对于for in循环，for of 和 foreach循环的对比理解

qq_45163356的博客

04-01

4496

各种for循环的差异性

for in 和for of的区别

小米人的博客

10-18

303

遍历数组的方法： for,while,forEach,map,filter、some、every、reduce、reduceRight等。使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。无论是for…in还是for…of语句都是迭代一些东西。它们之间的主要区别在于它们的迭代方式。 for…in 语句以任意顺序迭代对象的可枚举属性。 for…of...

for…in和for…of的区别

weixin_43595755的博客

02-12

590

for…of 是ES6新增的遍历方式，允许遍历一个含有iterator接口的数据结构（数组、对象等）并且返回各项的值，和ES3中的for…in的区别如下 for…of 遍历获取的是对象的键值，for…in 获取的是对象的键名； for… in 会遍历对象的整个原型链，性能非常差不推荐使用，而 for … of 只遍历当前对象不会遍历原型链；对于数组的遍历，for…in 会返回数组中所有可枚举的属性(包括原型链上可枚举的属性)，for…of 只返回数组的下标对应的属性值；总结： for…in 循环主要是为

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

浪子【剑心】

11-08

282

https://segmentfault.com/a/1190000014826155

JavaScript里的循环方法：forEach，for-in，for-of

X-rapido的专栏

06-28

767

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

for in 和 for of的区别详解

MtangEr的博客

08-20

394

原文：http://www.fly63.com/article/detial/1444

js for in for of 的区别

lin_ji_you的博客

06-10

304

区别 for…in 循环：只能获得对象的键名，不能获得键值 for…in 循环主要是为了遍历对象而生，不适用于遍历数组 for…of 循环：允许遍历获得键值 for…of 循环可以用来遍历数组、类数组对象，字符串、Set、Map 以及 Generator 对象 //对于普通对象，没有部署原生的 iterator 接口，直接使用 for...of 会报错 var obj = { 'name': 'lin', 'age': 12 } for(let key of obj) { cons

js中for-in和for-of的区别

小马甲

12-19

1973

在JavaScript中，for-in和for-of是两种不同的循环结构，它们有一些重要的区别和联系。for-in循环和for-of循环是JavaScript中用于迭代对象的两种方法。它们的区别在于迭代对象的内容、类型、顺序和原理。通常，我们应该根据需要选择合适的循环方法，以提高效的迭代对象。同时，我们也需要注意到 for-in循环的一些缺陷。由于它会遍历对象的原型链，导致性能下降，而且不能保证迭代顺序，所以我们应该避免在数组和字符串上使用for-in循环。

for in 和for of区别

07-27

在 JavaScript 中，for...in 和 for...of 是两种循环语句，用于迭代数组或对象的元素。它们的用法和行为有一些区别。 1. for...in 循环： for...in 循环用于迭代对象的可枚举属性。它会遍历对象的所有可枚举属性，...