for循环,for...in循环,forEach循环的区别

for循环,for…in循环,forEach循环的区别

在逆战班学习的第八周，这周我们很系统的学习了简单的js，循环，判断，以及数据和函数。下面我来说说循环。在js中，循环主要包括for循环,for…in循环,forEach循环，这三种循环是js中最常用的循环。今天来说说三种循环的区别。
for循环很普通，它是适用于几乎所有类型的循环也是所有语言中最常用的循环。案例如下：

for(var i=0;i<dotList.length;i++){
                    dotList[i].className = '';
                }

这是最简单的循环，for循环中需要定义变量，步长，以及极值。for循环几乎没有什么特点，下面主要说另外两个的区别。
forEach循环是一般用来遍历数组的循环，也是js中的一种定义好的方法，他不同于for循环的是它每一步都会记录变量的值以及索引对应的值，forEach循环中有两个重要的参数，第一个参数是数组中的元素，第二个参数是数组中的索引。下面看看,forEach循环循环案例：

 oDian.forEach(function(item,key){
            item.onclick = function(){
                oDian.forEach(function(v,k){
                    oDian[k].className = '';
                })
                 oDian[key].className = 'xuan';
                var speed = parseInt(window.getComputedStyle(oTu).left) ;
                var time = setInterval(function(){
                speed -= 10;
                oTu.style.left = speed + 'px';
                if(speed == key*(-200)){
                    clearInterval(time);
                }                
            } , 30)
            }
        })

这是一个forEach循环。
for…in循环是一个比较特殊的循环，他的输出和其他两个不太一样，for…in循环中只会输出字符串，不会输出数值，所以必要时在输出时一定要进行数值转化。for…in循环还有一个功能是另外两个没有的，那就是for…in循环可以去便利对象，而另外两个则不行。
下面看看for…in循环的案例：

for (var attr in obj2) {
                arr3.push(attr);
            }