javaScript中[ for...in ]与[ for...of ]的区别

最新推荐文章于 2024-04-10 09:30:00 发布
最新推荐文章于 2024-04-10 09:30:00 发布
阅读量101 收藏
点赞数 1
分类专栏： javaScript学习 文章标签： ES6 小白自学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czhloveca/article/details/102944115
版权

javaScript中[ for…in ]与[ for…of ]的区别

  今天再写代码时发现同事使用了for..in这样一个循环,出于好奇拿她对比了ES6的新语法for...of😂 结果如下
循环普通数组时:

使用两种方式循环普通数组
循环普通数组的结果

循环对象数组时:

循环对象数组
循环对象数组的结果
由此可见使用 for…in 遍历出来的是数组中的索引,而使用 for…of 遍历出来的是是数组中的值. 可以说for…of 是for(let i = 0; i < arr.length; i++){}的简写吧,不得不说ES6的新语法用起来还是挺方便的. 还有一点需要注意的是使用 for…in 遍历出来的索引是字符串形式的喔
for…in 也可以用来遍历对象 可以返回属性的键名称
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

今天你学习了么?
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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,
[JavaScript] for、forEach、for...of、for...in 的区别与比较
热爱思考、活力满满、开朗爱笑的年轻人
12-17 3951
for、forEach、for...of、for...in 的区别与比较 写在前面：本文不会写太多的细节例子，毕竟这些基本知识还是比较简单的。 for 与 forEach 1、forEach 虽然是 for 循环的简化版本，但是并不是说 forEach 就比 for 更好用，forEach 适用于循环次数未知，或者计算循环次数比较麻烦情况下使用效率更高，但是更为复杂的一些循环还是需要用到 ...
JavaScript for... of 循环
zsx0728的博客
05-09 6406
文章目录JavaScript for...of 循环for...of 与数组for...of 与字符串for...of 与 Setfor...of 与 Map用户定义的迭代器for...of 与生成器for...of Vs for...in参考文档     在本教程中，您将借助示例了解 JavaScript for…of 循环。     在 JavaScript 中，我们可以通过三种方式使用for循环。 JavaScript for 循环 JavaScript for…in 循环 JavaScript f
JavaScript for...in 循环
zsx0728的博客
04-22 1120
文章目录JavaScript for...in 循环示例 1：遍历对象示例 2：更新属性值for...in 与字符串for...in 与数组参考文档     在本教程中，您将借助示例了解 JavaScript for…in 循环。     在之前的教程中，我们介绍了： JavaScript while 和 do…while 循环 JavaScript for 循环     还有其他类型的循环。JavaScript 中的 for…in 循环允许您遍历对象的所有属性键。 JavaScript for…in
javascript中for...in和for...of的区别
alive_new的博客
09-24 570
迭代对象和迭代数组：for…in适用于迭代对象的属性，而for…of适用于迭代数组等可迭代对象的元素。迭代顺序：for…in循环的迭代顺序不保证与属性在对象中的顺序一致，而for…of循环按照可迭代对象的顺序依次迭代元素。原型链上的属性：for…in循环会迭代对象的原型链上的属性，而for…of循环只会迭代对象自身的属性。使用场景：for…in常用于遍历对象的属性，而for…of常用于遍历数组和其他可迭代对象的元素。
javaScript中for ... in 与for ... of
weixin_45044349的博客
11-21 783
for…in for…in是遍历数组、对象的key 1.index索引为字符串型数字，不能直接进行几何运算 2.遍历顺序有可能不是按照实际数组的内部顺序 3.使用for in会遍历数组所有的可枚举属性，包括原型。 4.所以for in更适合遍历对象，不要使用for in遍历数组。 let obj = { name: 'zhuyilong', age: 18, }; for (let i in obj) {
javascript中的for...of循环
阿泽呀的博客
08-22 1698
for...of循环 这个直接看代码吧 1.遍历数组 var arr = [1,2,3,4,5]; for(let val of arr.values()){ console.log(val) } //1 //2 //3 //4 ...
for...in遍历对象
世界和我们都不该止步于此
04-12 4030
for..in语句用于对数组或者对象的属性进行循环操作 还有一种相似的循环迭代操作for...of，是ES6新增的，我们在ES6模块做过介绍 我们直接看for..in例子： const obj = { name:'小蜗', age:22, fn:function(){ console.log('你好 for..in') } } for..in遍历： for(let k in obj){ console.log(obj) } 其中里面
JavaScript中的for...of循环的用法详解
青春木鱼的博客
04-10 2413
for...of 循环是 JavaScript 中的一种循环结构，它可以用于遍历各种数据结构，例如数组、字符串、Map、Set 等。for...of 循环通常用于替代传统的 for 循环或 forEach 循环，因为它具有更加简洁和易读的语法，能够提高代码的可读性和可维护性。
JavaScript中for...in 和 for...of 的区别
tree_stretch的博客
04-06 1657
先贴一个mdn上对于 for…in 和 for…of 的解释： for…in 比较容易理解，用于迭代对象的可枚举字符串属性（包括原型链上的可枚举字符串属性），直接上 Demo： 打印结果只有 ‘1’ 和 ‘property2’ 这两个属性，逐个分析：接下来我们来看下 for…of 的解释：for…of 语句用于迭代可迭代对象定义的要进行迭代的值。 老规矩，我们先上个小 Demo： 好家伙：直接报错了，报错信息告诉我们 object1 是不可迭代的，即 object1 并不是 可迭代对象。让我们再仔细回看下
VB+ACCESS户籍管理系统(论文+系统).zip
08-16
计算机毕业设计资源包含（项目部署视频+源码+LW+开题报告等等），所有项目经过助教老师跑通，有问题可以私信博主解决，可以免费帮部署。
TCL TC19T电磁炉原理图.rar
08-16
TCL TC19T电磁炉原理图
全球与中国活塞式压缩机市场现状及未来发展趋势（2024版）.docx
08-16
全球与中国活塞式压缩机市场现状及未来发展趋势（2024版）.docx
Qt5.9 C++开发指南示例代码
08-16
时间日期与定时器
基于Springboot的学院个人信息管理系统（有报告） Javaee项目，springboot项目
最新发布
08-16
资源详情：https://blog.csdn.net/2302_78191516/article/details/141270029
手柄映射键盘macos和Windows手柄映射工具
08-16
手柄映射键盘macos和Windows手柄映射工具，十分好用
论《琅琊榜》中梅长苏的人物形象.docx
08-16
论《琅琊榜》中梅长苏的人物形象.docx
TMS-1000微波炉控制线路图.rar
08-16
TMS-1000微波炉控制线路图
“人力资源+大数据+薪酬报告+涨薪调薪”
08-16
人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。
for...of与for...in去呗
05-26
for...of和for...in都是JavaScript中用于循环的语句，但它们的作用不同。 for...of用于遍历可迭代对象（例如数组、字符串、Map、Set等），并且可以直接访问每个元素的值。例如： ``` const arr = [1, 2, 3]; for ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值