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

版权声明:我的新浪博客http://blog.sina.com.cn/f6056 https://blog.csdn.net/weimob258616/article/details/82659596

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

猜你喜欢

转载自blog.csdn.net/weimob258616/article/details/82659596