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下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
Mar 01 Javascript
jQuery调用WebService的实现代码
Jun 19 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
Dec 06 Javascript
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
JavaScript实现网页上的浮动广告的简单方法
Jun 14 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
Apr 13 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
Node层模拟实现multipart表单的文件上传示例
Jan 02 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
Dec 28 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
星际争霸 Starcraft 游戏介绍
2020/03/14 星际争霸
PHP array_push 数组函数
2009/12/26 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
仿dedecms下拉分页样式修改的thinkphp分页类实例
2014/10/30 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
BootStrap整体框架之基础布局组件
2016/12/15 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
详解webpack+vue-cli项目打包技巧
2017/06/17 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
Vue Promise的axios请求封装详解
2018/08/13 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
2020/08/03 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
python实现文本文件合并
2015/12/29 Python
python内置模块collections知识点总结
2019/12/19 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
PyCharm License Activation激活码失效问题的解决方法(图文详解)
2020/03/12 Python
Python无损压缩图片的示例代码
2020/08/06 Python
HTML5所有标签汇总及标签意义解释
2015/03/12 HTML / CSS
牵手50香港:专为黄金岁月的单身人士而设的交友网站
2020/08/14 全球购物
优乐美广告词
2014/03/14 职场文书
教师文明餐桌光盘行动倡议书
2015/04/28 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
矛盾论读书笔记
2015/06/29 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
MySQL安装失败的原因及解决步骤
2022/06/14 MySQL