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

JavaScript中for in 和for of的区别

for in 遍历的是当前索引,不适合遍历数组对象,返回的是数组下标。(适合遍历对象)

let arr = [
    {name:'张三',age:18},
    {name:'赵四',age:28},
    {name:'王五',age:18}
]
for (const item in arr) {
    console.log(item) // 0, 1, 2
    console.log(arr[item]) // {name:'张三',..},{name:'赵四',..}{name:'王五',..}
}复制代码

for of 遍历的是当前'键'值,适合遍历数组对象,返回的是数组单个对象。(适合遍历数组对象)

// 例子同上
let arr = [
    {name:'张三',age:18},
    {name:'赵四',age:28},
    {name:'王五',age:18}
]
for (const item of arr) { // 将in 改成 of
    console.log(item) // 0, 1, 2
}复制代码


相关文章:

  • 对于你们驳来驳去的《停止学习框架》,我有话说!
  • Linux下调整ext3分区大小【转】
  • 大快搜索获评“2018中国大数据基础软件领域领军企业”
  • leetcode讲解--894. All Possible Full Binary Trees
  • React降级配置及Ant Design配置
  • 解决iOS10的Safari下Meta设置user-scalable=no无效的方法
  • 中国智慧城市“热战”的2018
  • django之中间件及CSRF跨站请求伪造-68
  • Javascripit类型转换比较那点事儿,双等号(==)
  • Win7 64位 Hadoop单机模式安装
  • 技术发展面试
  • Android开发者必备:推荐一款助力开发的开源APP
  • 关于for循环的简单归纳
  • MongoDB介绍
  • call apply 和 bind
  • 【JavaScript】通过闭包创建具有私有属性的实例对象
  • 【面试系列】之二:关于js原型
  • Apache Pulsar 2.1 重磅发布
  • dva中组件的懒加载
  • gulp 教程
  • HTTP 简介
  • jquery ajax学习笔记
  • nginx 负载服务器优化
  • node学习系列之简单文件上传
  • Object.assign方法不能实现深复制
  • React16时代,该用什么姿势写 React ?
  • React系列之 Redux 架构模式
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • webpack4 一点通
  • 包装类对象
  • 对话:中国为什么有前途/ 写给中国的经济学
  • 让你的分享飞起来——极光推出社会化分享组件
  • 山寨一个 Promise
  • 听说你叫Java(二)–Servlet请求
  • 我是如何设计 Upload 上传组件的
  • 一些css基础学习笔记
  • 中文输入法与React文本输入框的问题与解决方案
  • postgresql行列转换函数
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • 函数计算新功能-----支持C#函数
  • ​Python 3 新特性:类型注解
  • #每天一道面试题# 什么是MySQL的回表查询
  • (LeetCode C++)盛最多水的容器
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (更新)A股上市公司华证ESG评级得分稳健性校验ESG得分年均值中位数(2009-2023年.12)
  • (含react-draggable库以及相关BUG如何解决)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现
  • (三)centos7案例实战—vmware虚拟机硬盘挂载与卸载
  • (十) 初识 Docker file
  • (转) 深度模型优化性能 调参
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • .NET 8.0 中有哪些新的变化?
  • .Net IE10 _doPostBack 未定义
  • .Net 代码性能 - (1)
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...