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}
}