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遍历出来的是当前的对象