javascript中的循环语句for语句深入理解

 更新时间:2014年04月04日 11:24:12   作者:  
for循环是多数语言都有的。在javascript中,for循环有几种不同的使用情况,下面为大家一一介绍下
程序实现中经常要用到循环语句,其中for循环是多数语言都有的。在javascript中,for循环有几种不同的使用情况,下面就分别来讲述我的理解。

第一种:(通常情况,循环执行相关操作)
复制代码 代码如下:

var objA=document.getElementsByTagName("a");
var i,max;
for(i=0,max=objA.length;i<max;i++){
objA[i].onclick=function(){
alert(this.innerHTML);
}

}

循环,依次注册超链接标签的单击操作

第二种:(针对对象,操作对象内容)
复制代码 代码如下:

var person={name:'wmhello',age:'28'};
var tips=''; for(var obj in person){
tips+=obj+'-->'+person[obj]+'\n'

}

alert(tips)

第三种:(常用于数组,对数组执行特定的操作)
复制代码 代码如下:

var num=[1,3,5];
var total=0;
num.forEach(function(e){
total+=e;
});
alert(total);

此forEach循环在firefox和chrome中有效

相关文章

  • JavaScript实现拖拽排序的方法详解

    JavaScript实现拖拽排序的方法详解

    可拖拽排序的菜单效果大家想必都很熟悉,本次我们通过一个可拖拽排序的九宫格案例来演示其实现原理,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-05-05
  • 微信小程序setInterval定时函数新手使用的超详细教程

    微信小程序setInterval定时函数新手使用的超详细教程

    平时开发中为实现倒计时效果可以使用setInterval即可,下面这篇文章主要给大家介绍了关于微信小程序setInterval定时函数新手使用的超详细教程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • js实现带箭头的进度流程

    js实现带箭头的进度流程

    这篇文章为大家详细主要介绍了js实现带箭头的进度流程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JavaScript必知必会(三) String .的方法来自何方

    JavaScript必知必会(三) String .的方法来自何方

    这篇文章主要介绍了JavaScript必知必会(三) String .的方法来自何方的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法

    JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法

    这篇文章主要介绍了JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法,涉及JS递归算法操作数组实现排序功能的相关技巧,需要的朋友可以参考下
    2017-01-01
  • 实现图片预加载的三大方法及优缺点分析

    实现图片预加载的三大方法及优缺点分析

    本文介绍了实现图片预加载的三大方法(CSS/JAVASCRIPT/AJAX)以及这三种方法的优缺点分析,是篇非常值得推荐的文章,小伙伴们可要仔细研究下。
    2014-11-11
  • JavaScript使用小插件实现倒计时的方法讲解

    JavaScript使用小插件实现倒计时的方法讲解

    今天小编就为大家分享一篇关于JavaScript使用小插件实现倒计时的方法讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • javascript实现的固定位置悬浮窗口实例

    javascript实现的固定位置悬浮窗口实例

    这篇文章主要介绍了javascript实现的固定位置悬浮窗口,以一个完整实例形式详细分析了javascript实现固定位置悬浮窗口的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 微信小程序实现文字跑马灯

    微信小程序实现文字跑马灯

    这篇文章主要为大家详细介绍了微信小程序实现文字跑马灯,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • ES6 系列之 WeakMap的使用示例

    ES6 系列之 WeakMap的使用示例

    这篇文章主要介绍了ES6 系列之 WeakMap的使用示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论