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 图片Silhouette Fadeins渐显效果
Feb 07 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
JavaScript中Cookies的相关使用教程
Jun 04 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
Nov 03 Javascript
javascript实现倒计时跳转页面
Jan 17 Javascript
jQuery表单验证插件解析(推荐)
Jul 21 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
Jun 04 Javascript
js判断数组是否包含某个字符串变量的实例
Nov 24 Javascript
关于JavaScript数组去重的一些理解汇总
Sep 10 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
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
php定时计划任务的实现方法详解
2013/06/06 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
php微信开发之关注事件
2018/06/14 PHP
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
自己动手开发jQuery插件教程
2011/08/25 Javascript
用js模拟struts2的多action调用示例
2014/05/19 Javascript
javascript中String对象的slice()方法分析
2014/12/20 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
jQuery实现冻结表格行和列
2015/04/29 Javascript
JavaScript验证Email(3种方法)
2015/09/21 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
使用python实现省市三级菜单效果
2016/01/20 Python
Python创建xml文件示例
2017/03/22 Python
Python算术运算符实例详解
2017/05/31 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
python编写计算器功能
2019/10/25 Python
Pytorch GPU显存充足却显示out of memory的解决方式
2020/01/13 Python
Python爬虫入门教程01之爬取豆瓣Top电影
2021/01/24 Python
DBA的职责都有哪些
2012/05/16 面试题
什么是GWT的Module
2013/01/20 面试题
小学生检讨书大全
2014/02/06 职场文书
投资意向书范本
2014/04/01 职场文书
教师群众路线心得体会
2014/11/04 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
Python 数据可视化之Seaborn详解
2021/11/02 Python
如何解决php-fpm启动不了问题
2021/11/17 PHP
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python