前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >js 使用for循环遍历数组[通俗易懂]

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

作者头像
全栈程序员站长
发布2022-07-08 19:39:48
发布2022-07-08 19:39:48
3.2K00
代码可运行
举报
运行总次数:0
代码可运行

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

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

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

代码语言:javascript
代码运行次数:0
复制
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>]

第一种:错误型!

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

另外一种:通用型!

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

第三种:优化型

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

第四种:特定型

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

第五种:技巧型

代码语言:javascript
代码运行次数:0
复制
for ( var i = 0, elem; (elem = b[i]) != null; i++ ) {
//这样的写法也是特定情况下使用的,当数组的元素不等于某一个值得时候,这里是当遇到null或undefined时停止循环,所以数组a也是能够使用的!//技巧的地方是声明条件的同一时候赋值。能够降低一行赋值暂时变量的代码!}

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年1月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档