JavaScript 中for/of,for/in 的详细介绍

 更新时间:2021年11月12日 14:48:25   作者:刘志军  
这篇文章主要介绍了JavaScript 中的for/of, for/in,在 JavaScript中,for 循环有几种常见的写法,西阿棉文章有写法的详细内容,需要的朋友可以参考一下

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 介绍内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JQ中$(window).load和$(document).ready区别与执行顺序

    JQ中$(window).load和$(document).ready区别与执行顺序

    JQ中的$(document).ready()大家应该用的非常多,基本每个JS脚本中都有这个函数的出现有时甚至会出现多个,那么另一个加载函数$(window).load相对出现的次数就很少了,下面为大家介绍一下两者的区别与他们的执行顺序
    2017-03-03
  • JS前端接口请求参数混淆方案分享

    JS前端接口请求参数混淆方案分享

    这篇文章主要为大家介绍了JS前端接口请求参数混淆方案分享,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • js前端埋点监控解析

    js前端埋点监控解析

    本文针对埋点系统和监控系统的融合的一点进行简单的介绍与探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 微信小程序 商城开发(ecshop )简单实例

    微信小程序 商城开发(ecshop )简单实例

    这篇文章主要介绍了微信小程序 商城开发(ecshop )简单实例的相关资料,需要的朋友可以参考下
    2017-04-04
  • 微信小程序 es6-promise.js封装请求与处理异步进程

    微信小程序 es6-promise.js封装请求与处理异步进程

    这篇文章主要介绍了微信小程序 es6-promise.js封装请求与处理异步进程的相关资料,需要的朋友可以参考下
    2017-06-06
  • 四十九个javascript小知识实用技巧

    四十九个javascript小知识实用技巧

    这篇文章主要给大家分享得是四十九个javascript小知识实用技巧像下面文章围绕JavaScript得各种技巧详细介绍,需要的朋友可以参考一下,希望对你有所帮助
    2021-11-11
  • 微信小程序 toast 详解及实例代码

    微信小程序 toast 详解及实例代码

    这篇文章主要介绍了微信小程序 toast 详解及实例代码的相关资料,需要的朋友可以参考下
    2016-11-11
  • js前端架构Git commit提交规范

    js前端架构Git commit提交规范

    这篇文章主要为大家介绍了前端架构Git commit提交规范示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • buildcheck包报错问题排查解决

    buildcheck包报错问题排查解决

    这篇文章主要为大家介绍了buildcheck包报错问题排查解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • uniapp自定义相机实现示例详解

    uniapp自定义相机实现示例详解

    这篇文章主要为大家介绍了uniapp自定义相机实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03

最新评论