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 相关文章推荐
用JavaScript 处理 URL 的两个函数代码
Aug 13 Javascript
javascript void(0)的妙用
Oct 21 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
Feb 22 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
纯js实现动态时间显示
Sep 07 Javascript
小程序云开发如何实现图片上传及发表文字
May 17 Javascript
解决vue单页面应用中动态修改title问题
Jun 09 Javascript
React+TypeScript+webpack4多入口配置详解
Aug 08 Javascript
layui动态表头的实现代码
Aug 22 Javascript
前端开发基础javaScript的六大作用
Aug 06 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连接Access数据库错误及解决方法
2013/06/20 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
JS倒计时代码汇总
2014/11/25 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
2020/04/21 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
vant自定义二级菜单操作
2020/11/02 Javascript
Python之PyUnit单元测试实例
2014/10/11 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
Python 使用Numpy对矩阵进行转置的方法
2019/01/28 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
Django filter动态过滤与排序实现过程解析
2020/11/26 Python
python录音并调用百度语音识别接口的示例
2020/12/01 Python
用python批量移动文件
2021/01/14 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
关于canvas绘制模糊问题的解决方法
2019/09/24 HTML / CSS
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
主持人演讲稿范文
2013/12/28 职场文书
绘画专业自荐信范文
2014/02/23 职场文书
文明礼仪伴我行演讲稿
2014/05/12 职场文书
建筑学专业自荐书
2014/07/09 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
授权委托书样本
2014/09/25 职场文书
语文复习计划
2015/01/19 职场文书
党员带头倡议书
2015/04/29 职场文书
《我的长生果》教学反思
2016/02/20 职场文书
合作协议书格式范本
2016/03/21 职场文书
React forwardRef的使用方法及注意点
2021/06/13 Javascript