javaScrip循环的四种方法详解

JavaScript中的循环方法

1.for循环

for循环是最基本的循环方式。下面是代码示例：

var arr=[1,2,3,4,5];//后面的所有arr都是这个arr
for（var i=0;i<arr.length;i++）{
console.log(arr[i]);//获取到arr中的数据
console.log(i);//获取到对应i的值
}

2.for in循环

for in语句用于对数组或者对象的属性进行循环操作，循环中的代码每执行一次，就会对数组元素或者对象属性进行一次操作。下面是代码示例:.

for(var index in arr){
//index 循环索引，类似于for循环中的i
console.log(arr[index])//数组元素或对象属性
}

3.forEach循环

forEach()方法是用于调用数组的每一个元素，并且将元素传递给回调函数。注意：forEach()对于空数组是不会执行回调函数的。forEach的一般形式：数组名.forEach(function(item,index,arr){}),其中item是当前元素，这个是必须写的，index是
当前元素的索引，arr是当前元素所在的数组对象。

var arrA=[];
arrA.forEach(item=>{
console.log(1111);//当遍历的数组为空时，不会打印1111
})

arr.forEach(function(item,index,arr){
console.log(item);//打印的是当前元素
console.log(index);//当前元素的索引
console.log(arr);//打印的是arr数组
})

4.for of循环

只能遍历数组，不能遍历对象。遍历对象会报错。

for(var item of arr){
console.log(item)//item是当前元素
}

5.for of和for in的区别

区别1：for in既可以遍历数组也可遍历对象，for of无法循环遍历对象
区别2：遍历出来的结果不同，for in遍历出来的是当前对象的索引值，for of遍历出来的是当前的对象