学习for循环时遇到的困惑不解

我不喜欢别人告诉我你这样做就对了，我想要理解他的原理到底是什么并且

在学for循环的时候我对for循环的构成不理解且对于  其中的 “i”甚为不解，而且在结合实例的时候对 ‘i’更是不理解 

例如：for（var i = 0;i<=6;i++）{
   

}

若不结合实例来讲，

也就是 var i = 0；就是初始化的操作，初始化变量给予变量一个值。

i<=6这代表循环条件的判断。

i++是指在语句完后自加。

若结合实例来讲

列如这一小段代码：（这里是在慕课网学习的（图片的滑动效果））

for (var i = 0, len = imgs.length; i < len; i++) {
//使用立即调用的函数表答式，为了获得不同的i值
(function(i) {
imgs[i].onmouseover = function() {
//先将每道门复位
setImgsPos();
//打开门
for (var j = 1; j <= i; j++) {
imgs[j].style.left = parseInt(imgs[j].style.left, 10) - translate + 'px';
}
};
})(i);
}

这里 “i” 表示 js中for循环中的i代表的就是当前元素（图片）的下标。

i就是imgs[i]的下标