js 使用for循环遍历数组[通俗易懂]

js 使用for循环遍历数组

大家好,又见面了,我是全栈君。

今天写个无聊的东西!for循环的使用!

例如以下:定义a数组,b为伪数组!

var a = [1,2,3,0,5,4];
var b = document.getElementsByTagName('li'); 
//[<li>1</li>,<li>2</li>,<li>3</li>,<li>4</li>,<li>5</li>]


第一种:错误型!

for ( var i = 0; i < a.length; i++ ){
//这样的写法是最主要的。但错误的地方是数组长度不该每次都取。所以一般我们都会用另外一种写法!
} 

另外一种:通用型!

for ( var i = 0,l = a.length; i < l; i++ ){
//这样的写法是最常见的。最好理解的,也是通用的,对于a,b这两种类型的(伪)数组都能够。
} 

第三种:优化型

for ( var i = a.length - 1; i >= 0 ; i-- ) {
//这样的写法非常巧妙,倒序来遍历,从而节省了一个暂时变量!对于a,b这两种类型的(伪)数组都能够。
//google的compiler压缩后就会对for循环做这样的优化!

}

第四种:特定型

for ( var i = 0; b[i]; i++ ) {
//这样的写法不是通用的,对于数组a就不行。但对于数组b这样的dom元素的集合来说非常有用!
}

第五种:技巧型

for ( var i = 0, elem; (elem = b[i]) != null; i++ ) {
//这样的写法也是特定情况下使用的,当数组的元素不等于某一个值得时候,这里是当遇到null或undefined时停止循环,所以数组a也是能够使用的!

//技巧的地方是声明条件的同一时候赋值。能够降低一行赋值暂时变量的代码!}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/115947.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • vs 安装包_vs离线安装包

    vs 安装包_vs离线安装包VS安装包注册com组件VS安装包注册com组件1.把你的com组件加入到打包程序。 2.在打包程序中找到该com组件,点击属性。在属性中有Register项,把值选择为vsdrfCOM即可。

    2022年10月13日
  • Slob分配器的数据结构和分配逻辑

    Slob分配器的数据结构和分配逻辑slob分配器:1.数据链表结构构造;2.分配与释放的逻辑分析;

  • 【致远FAQ】致远OA宕机之Tomcat异常宕机

    【致远FAQ】致远OA宕机之Tomcat异常宕机问题描述tomcat进程已经不在; 由于在启动命令行参数中增加了相关的日志监控,重点查找JVM内存溢出、jvm的crash的日志进行问题定位; 没有.hprof文件生成【基本可以推论没有出现JVM内存溢出】 没有hs_err_xxx.log文件生成【基本可以推论JVM没有出现严重的crash异常】问题分析1)通过catalina.log看出tomcat出现了非正常关闭操作下的停机;如果是正常停机会在输出图1的日志前输出如图2所示的内容2)tomcat停机的时..

  • 数据库水平切分的实现原理解析---分库,分表,主从,集群,负载均衡器

    数据库水平切分的实现原理解析---分库,分表,主从,集群,负载均衡器第1章 引言        随着互联网应用的广泛普及,海量数据的存储和访问成为了系统设计的瓶颈问题。对于一个大型的互联网应用,每天几十亿的PV无疑对数据库造成了相当高的负载。对于系统的稳定性和扩展性造成了极大的问题。通过数据切分来提高网站性能,横向扩展数据层已经成为架构研发人员首选的方式。水平切分数据库:可…

  • arm linux 移植全部过程「建议收藏」

    arm linux 移植全部过程「建议收藏」armlinux移植全部过程总述功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML图表FLowchart流程图导出与导入导出导入总述之前做过linux在powe…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号