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

最新推荐文章于 2023-08-13 19:16:43 发布

请叫我二狗哥

最新推荐文章于 2023-08-13 19:16:43 发布

阅读量4k

点赞数 1

分类专栏： Javascript 文章标签： for循环

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/82659596

版权

Javascript 专栏收录该内容

57 篇文章 3 订阅

订阅专栏

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

请叫我二狗哥

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS中for循环如何令变量每次增量不是1？

for循环的常见格式是for（var i=0;i&lt;arr.length;i++){……}。对于有些情况下，需要间隔获取对象，采用加1的循环虽然可以通过设置条件来实现，但是直接从for循环的变量增量着手也可以一步到位。for循环增量为2的代码：for(var i=0;i&lt;arr.length;i+=2) { …… }实例：对于多个Div元素间...
复制链接

扫一扫