JavaScript 中for/of,for/in 的详细介绍


Posted in Javascript onNovember 17, 2021
目录

JavaScript中,for 循环有几种常见的写法

第一种最常规的写法:

nums = [1,2,3,4]

for (let i=0; i<nums.length; i++){
    console.log(nums[i])
}

第二种:

第二种 for/of 写法,是ES6开始有的语法, 可以直接迭代出数组中的每个元素,无需通过下标索引位置来获取元素,其实只要是可迭代对象,都可以使用 for/of

for (let item of nums){
    console.log(item)
}

第三种:

第三种写法 for/in 写法, 不像for/of 必须是可迭代对象,for/in 可迭代任意对象。循环迭代对象的属性名。如果是数组,迭代的值是数组的下标索引,和原始那个for是一样的。

let p = {name:"zhang", age:10}

for(let key in p){
    console.log(p[key])
}

输出:

zhang
10

for (let index in nums){
    console.log(nums[index])
}

for/in 并不能枚举迭代对象的所有是属性,比如符号属性无法枚举

for/of for/in 写法在定义变量的时候,也可以使用 const 关键字,const 声明的是一次循环迭代期间的常量值。

到此这篇关于JavaScript 中for/of, for/in 的详细介绍的文章就介绍到这了,更多相关JavaScript for/of, for/in 介绍内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jQuery 事件队列调整方法
Sep 18 Javascript
js实现俄罗斯方块小游戏分享
Jan 31 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
JavaScript反弹动画效果的实现代码
Jul 13 Javascript
SVG实现时钟效果
Jul 17 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
js实现网页版贪吃蛇游戏
Feb 22 Javascript
JavaScript高级程序设计之基本引用类型
Nov 17 #Javascript
JavaScript高级程序设计之变量与作用域
javascript对象3个属性特征
详细聊聊浏览器是如何看闭包的
Vue3中的Refs和Ref详情
Nov 11 #Vue.js
react 路由Link配置详解
Nov 11 #Javascript
React Fragment介绍与使用详解
Nov 11 #Javascript
You might like
如何在PHP中使用Oracle数据库(6)
2006/10/09 PHP
利用 window_onload 实现select默认选择
2006/10/09 PHP
第三节--定义一个类
2006/11/16 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
JavaScript函数IIFE使用详解
2019/10/21 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
理解Python垃圾回收机制
2016/02/12 Python
python解释器spython使用及原理解析
2019/08/24 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
简单瞅瞅Python vars()内置函数的实现
2019/09/27 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
继电保护工岗位职责
2014/01/05 职场文书
采购经理岗位职责
2014/02/16 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
《学会合作》教学反思
2014/04/12 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
旅游局领导班子“四风”问题对照检查材料思想汇报
2014/09/29 职场文书
股东出资证明书范例
2014/10/04 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python