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+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
JS调用CS里的带参方法实例
Aug 01 Javascript
18个非常棒的jQuery代码片段
Nov 02 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
Oct 13 Javascript
Jquery表单验证失败后不提交的解决方法
Oct 18 Javascript
JS绘制微信小程序画布时钟
Dec 24 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
js前端导出Excel的方法
Nov 01 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
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
php合并js请求的例子
2013/11/01 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
javascript dom 操作详解 js加强
2009/07/13 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
js换图片效果可进行定时操作
2014/06/09 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
Vue Cli与BootStrap结合实现表格分页功能
2017/08/18 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
React中的render何时执行过程
2018/04/13 Javascript
原生JS实现前端本地文件上传
2018/09/08 Javascript
vue.js路由mode配置之去掉url上默认的#方法
2019/11/01 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
[00:37]食人魔魔法师轮盘吉兆顺应全新至宝将拥有额外款式
2019/12/19 DOTA
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
开源Web应用框架Django图文教程
2017/03/09 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
keras 权重保存和权重载入方式
2020/05/21 Python
Python 使用office365邮箱的示例
2020/10/29 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
大学生水文观测实习自我鉴定
2013/09/29 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
电气工程自动化求职信
2014/03/14 职场文书
质量安全标语
2014/06/07 职场文书
环境科学专业教师求职信
2014/07/12 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
自荐信范文
2019/05/20 职场文书
vue自定义右键菜单之全局实现
2022/04/09 Vue.js