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 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
JQuery jsonp 使用示例代码
Aug 12 Javascript
Javascript Request获取请求参数如何实现
Nov 28 Javascript
js实现可拖动DIV的方法
Dec 17 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
js+css实现的简单易用兼容好的分页
Dec 30 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
如何重置vue打印变量的显示方式
Dec 06 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
JavaScript中将值转换为字符串的五种方法总结
Jun 06 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
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
解析Win7 XAMPP apache无法启动的问题
2013/06/26 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
PHP设计模式之适配器模式(Adapter)原理与用法详解
2019/12/12 PHP
基于jquery的无限级联下拉框js插件
2011/10/29 Javascript
js身份证判断方法支持15位和18位
2014/03/18 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
javascript 初学教程及五子棋小程序的简单实现
2017/07/04 Javascript
Vue中使用Sortable的示例代码
2018/04/07 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
解决vue 表格table列求和的问题
2019/11/06 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
python mysqldb连接数据库
2009/03/16 Python
PyQt5实现拖放功能
2018/04/25 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
Windows10+anacond+GPU+pytorch安装详细过程
2020/03/24 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
Manduka官网:瑜伽垫、瑜伽毛巾和服装
2018/07/02 全球购物
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
应届大学生自荐信
2013/12/05 职场文书
爱心倡议书范文
2014/05/12 职场文书
小学校园之星事迹材料
2014/05/16 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
销售工作决心书
2015/02/04 职场文书
2015年消防工作总结
2015/04/24 职场文书