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面向对象编程浅析
Aug 28 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
Jquery实现自定义tooltip示例代码
Feb 12 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
Jun 16 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
在vue中安装使用vux的教程详解
Sep 16 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
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删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
深入PHP中的HashTable结构详解
2013/06/13 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
浅谈htmlentities 、htmlspecialchars、addslashes的使用方法
2016/12/09 PHP
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
2010/09/15 Javascript
理解Javascript_12_执行模型浅析
2010/10/18 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
jQuery实现友好的轮播图片特效
2015/01/12 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
设置jquery UI 控件的大小方法
2016/12/12 Javascript
解析JavaScript数组方法reduce
2016/12/12 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
Python实现DDos攻击实例详解
2019/02/02 Python
2020最新pycharm汉化安装(python工程狮亲测有效)
2020/04/26 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
行政专员的岗位职责
2014/03/10 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
员工辞职信怎么写
2015/02/27 职场文书
《火烧云》教学反思
2016/02/23 职场文书
Win10系统下配置Java环境变量
2021/06/13 Java/Android
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python