欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS中for循环如何令变量每次增量不是1?

程序员文章站 2024-03-15 22:04:42
...

for循环的常见格式是for(var i=0;i<arr.length;i++){……}。对于有些情况下,需要间隔获取对象,采用加1的循环虽然可以通过设置条件来实现,但是直接从for循环的变量增量着手也可以一步到位。

for循环增量为2的代码:

for(var i=0;i<arr.length;i+=2)
    {
       …… 
    }

实例:对于多个Div元素间隔变色。

<!doctype html>
<html>
<head>
<title>运动</title>
<meta charset="utf-8">
<style>
.div1{width:100px;height:100px;float:left;background:#ccc;margin:5px;}
</style>
<script>

window.onload=function()
{
	aDiv=document.getElementsByClassName('div1');	
	for(var i=0;i<aDiv.length;i+=2)
	{
		aDiv[i].style.background='red';	
	}
	
}
</script>
</head>
<body>

<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
</body>
</html>

问题:

for循环中的变量i的作用范围是多少?

for循环中的变量似乎无法作用到函数内部,但是可以作用到if……else语句中?

譬如:

for(var i=0;i<arr.length;i++)
{
     arr[i].onclick=function(){……//里面直接调用for循环中的i就不行}
     if(//里面可以直接使用for循环中定义的变量i)
     {//里面可以直接使用for循环中定义的变量i}
}

相关标签: for循环