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 相关文章推荐
JS中style属性
Oct 11 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
vue.js利用Object.defineProperty实现双向绑定
Mar 09 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
Nov 30 Javascript
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
js实现上传图片并显示图片名称
Dec 18 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 PDO中文乱码解决办法
2009/07/20 PHP
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
php文件夹的创建与删除方法
2015/01/24 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
CI(CodeIgniter)框架实现图片上传的方法
2017/03/24 PHP
php数据序列化测试实例详解
2017/08/12 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
php 实现简单的登录功能示例【基于thinkPHP框架】
2019/12/02 PHP
javascript getElementsByClassName 和js取地址栏参数
2010/01/02 Javascript
js Math 对象的方法
2013/09/01 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
js脚本分页代码分享(7种样式)
2015/08/19 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
angularjs路由传值$routeParams详解
2020/09/05 Javascript
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
webstorm添加*.vue文件支持
2018/05/08 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
在Web关闭页面时发送Ajax请求的实现方法
2019/03/07 Javascript
vue-router之实现导航切换过渡动画效果
2019/10/31 Javascript
python实现网页链接提取的方法分享
2014/02/25 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
python多进程并行代码实例
2019/09/30 Python
原生python实现knn分类算法
2019/10/24 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
我爱我校演讲稿
2014/05/21 职场文书
个人剖析材料范文
2014/09/30 职场文书