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 相关文章推荐
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
js异常捕获方法介绍
Apr 10 Javascript
offsetHeight在OnLoad中获取为0的现象
Jul 22 Javascript
利用jquery包将字符串生成二维码图片
Sep 12 Javascript
js控制淡入淡出示例代码
Nov 12 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
express文件上传中间件Multer详解
Oct 24 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
js插件实现图片滑动验证码
Sep 29 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 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里的JS打印函数
2006/10/09 PHP
php时间不正确的解决方法
2008/04/09 PHP
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
php中设置多级目录session的问题
2011/08/08 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
PHP封装curl的调用接口及常用函数详解
2018/05/31 PHP
Laravel第三方包报class not found的解决方法
2019/10/13 PHP
如何在PHP中使用数组
2020/06/09 PHP
javascript脚本调试方法小结
2008/11/24 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
Function.prototype.bind用法示例
2013/09/16 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
JavaScript截取字符串的2个函数介绍
2014/08/27 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
JS控制按钮10秒钟后可用的方法
2015/12/22 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
[59:00]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第一场 3月7日
2021/03/11 DOTA
Python实现手写一个类似django的web框架示例
2018/07/20 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
python爬虫selenium和phantomJs使用方法解析
2019/08/08 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
python如何实现图片压缩
2020/09/11 Python
英国在线药房:Express Chemist
2019/03/28 全球购物
电子信息科学专业自荐信
2014/01/30 职场文书
大学生全国两会报告感想
2014/03/17 职场文书