当前位置: 首页 > news >正文

for of 和 for in 的区别

for in适合遍历对象, for of适合遍历数组。 for in遍历的是数组的索引,对象的属性,以及原型链上的属性。

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,4}

2.循环对象

区别二:for in 可以遍历对象,for of 不能,只能遍历带有iterator接口的,例如Set,Map,String,Array

const object = { name: 'lx', age: 23 }// for ... infor (const key in object) {console.log(key) // 输出 name,ageconsole.log(object[key]) // 输出 lx,23}// for ... offor (const key of object) {console.log(key) // 报错 Uncaught TypeError: object is not iterable}

3.数组对象

const list = [{ name: 'lx' }, { age: 23 }]for (const val of list) {console.log(val) // 输出{ name: 'lx' }, { age: 23 }for (const key in val) {console.log(val[key]) // 输出 lx,23}}
​

参考网址:for in 和 for of的区别_for in for of区别-CSDN博客

相关文章:

  • 二轴机器人大米装箱机:技术创新引领智能包装新潮流
  • 微波电路S参数测量实验方案
  • pyqt5 tablewidget实现excel拖曳填充
  • 关于科技的总结与思考
  • swaggerHole:针对swaggerHub的公共API安全扫描工具
  • 【OPENMV】学习记录 (持续更新)
  • Go 实现的小型web server,可以通过调用api来控制和消耗 CPU 占比。通常用于测试系统负载和性能。
  • 电商API在维护数据安全与合规性中的重要性
  • 【Linux】Centos7升级内核的方法:yum更新(ELRepo)
  • 一键生成迷宫-Word插件-大珩助手新功能
  • RabbitMQ简单使用方法,以异步处理日志为例:
  • 西门子PLC学习之数据块的单个实例,多重实例与参数实例间的区别
  • codeforces round 949 div2
  • 【Linux】进程2——管理概念,进程概念
  • c++调用动态库LNK2019无法解析的外部符号LNK1120无法解析的外部命令
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • AWS实战 - 利用IAM对S3做访问控制
  • CSS居中完全指南——构建CSS居中决策树
  • MobX
  • MySQL数据库运维之数据恢复
  • Python3爬取英雄联盟英雄皮肤大图
  • scrapy学习之路4(itemloder的使用)
  • VUE es6技巧写法(持续更新中~~~)
  • 程序员最讨厌的9句话,你可有补充?
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 简单基于spring的redis配置(单机和集群模式)
  • 快速构建spring-cloud+sleuth+rabbit+ zipkin+es+kibana+grafana日志跟踪平台
  • 来,膜拜下android roadmap,强大的执行力
  • 那些年我们用过的显示性能指标
  • 前嗅ForeSpider教程:创建模板
  • 前言-如何学习区块链
  • 入门到放弃node系列之Hello Word篇
  • 由插件封装引出的一丢丢思考
  • 字符串匹配基础上
  • 2017年360最后一道编程题
  • 如何通过报表单元格右键控制报表跳转到不同链接地址 ...
  • ​【已解决】npm install​卡主不动的情况
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • ​TypeScript都不会用,也敢说会前端?
  • ​草莓熊python turtle绘图代码(玫瑰花版)附源代码
  • ###C语言程序设计-----C语言学习(3)#
  • $(selector).each()和$.each()的区别
  • ( 用例图)定义了系统的功能需求,它是从系统的外部看系统功能,并不描述系统内部对功能的具体实现
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (附源码)springboot 基于HTML5的个人网页的网站设计与实现 毕业设计 031623
  • (附源码)ssm考试题库管理系统 毕业设计 069043
  • (汇总)os模块以及shutil模块对文件的操作
  • (利用IDEA+Maven)定制属于自己的jar包
  • (三)Kafka 监控之 Streams 监控(Streams Monitoring)和其他
  • (十七)Flask之大型项目目录结构示例【二扣蓝图】
  • (转)原始图像数据和PDF中的图像数据
  • *Algs4-1.5.25随机网格的倍率测试-(未读懂题)
  • . NET自动找可写目录
  • .bat批处理(十一):替换字符串中包含百分号%的子串
  • .net core 6 集成和使用 mongodb