当前位置: 首页 > 前端技术 > 正文

JavaScript For循环

如果希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。

语法:

for (语句1; 语句2; 语句3)

{

被执行的代码块;

}

语句1 在循环(代码块)开始前执行

语句2 定义运行循环的条件

语句3 在循环已被执行之后执行

例1:说明for循环的执行顺序

<script>
/*
var i = 0;
for( ; i<3; ){
    alert(1);
    i++;
}

1) var i=0;
2) i<3; 关键!!
3) 括号里面的所有代码
4) i++
*/

for(var i=0; i<3; i++){
    alert(i);  // 弹出 0 1 2
}
// alert(i);	// 弹出 3
</script>

例2:如下例中当循环的内容很多,每循环一次都要进行一次innerHTML的操作,这是性能有问题。可将循环的内容先赋值给变量str,最后再用innerHTML添加到页面。

<script>
window.onload = function (){
	
    var str = '';
    for( var i=0; i<3000; i++ ){
    // document.body.innerHTML += '<input type="button" value="按钮" />';
    // 性能有问题!!!
    str += '<input type="button" value="按钮" />';
    }

    document.body.innerHTML = str;
};
</script>

JavaScript For循环:等您来吐槽!

JavaScript For循环:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!