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代码
Apr 26 Javascript
js控制table合并具体实现
Feb 20 Javascript
js中回调函数的学习笔记
Jul 31 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
Jul 10 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
jquery Form轻松实现文件上传
May 24 jQuery
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
Nov 21 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
原生JS实现记忆翻牌游戏
Jul 31 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 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制作静态网站的模板框架
2006/10/09 PHP
dedecms中常见问题修改方法总结
2007/03/21 PHP
php strcmp使用说明
2010/04/22 PHP
延长phpmyadmin登录时间的方法
2011/02/06 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
javascript中的几个运算符
2007/06/29 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
2016/05/12 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
2017/03/23 Javascript
AngularJS $http模块POST请求实现
2017/04/08 Javascript
JavaScript制作简单的框选图表
2017/05/15 Javascript
一步步教会你微信小程序的登录鉴权
2018/04/09 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
python中将字典转换成其json字符串
2014/07/16 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
谈谈python垃圾回收机制
2020/09/27 Python
Python 创建守护进程的示例
2020/09/29 Python
使用python tkinter开发一个爬取B站直播弹幕工具的实现代码
2021/02/07 Python
Python爬取某平台短视频的方法
2021/02/08 Python
澳大利亚设计的婴儿和女孩的衣服:Oobi
2018/12/16 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
幼儿教师自我鉴定
2013/11/02 职场文书
西柏坡导游词
2015/02/05 职场文书
个人维稳承诺书
2015/05/04 职场文书
个人更名证明
2015/06/23 职场文书
Python预测分词的实现
2021/06/18 Python
MySQL系列之十二 备份与恢复
2021/07/02 MySQL
MySQL池化框架学习接池自定义
2022/07/23 MySQL