for循环,for…in循环和forEach循环都是JavaScript中常用的循环方式,它们每种都有着自己的独特之处,接下来我们分析一下for循环,for…in循环和forEach循环的区别。
首先是for循环,它是JavaScript中最基础的循环方式,可以适用于绝大多数情况下的循环方式。
for(var i = 0;i <= 5;i++){
console.log(i);
}
在for循环中,()中共有三项,第一项是定义初始值,第二项是定义终点值,第三项是步长。
接下来我们来看for…in循环,for…in循环常用于数组、对象和字符串的循环。
var arr = [1,2,3,4,5];
for(var key in arr){
console.log(arr[key]);
}
如上面的代码所示,这里使用for…in的方式对数组arr进行循环遍历,在for…in循环中,()中的格式为(var a in b),当循环对象为数组时,每次循环得到的a就是数组的下标,b为被循环的数组,此时想要得到数组中的每个值就是b[a];当循环对象为对象时,每次循环得到的a就是对象的属性,b为被循环的对象,此时想要得到对象中的每个属性值就是b[a]。
我们再来看看forEach循环,forEach循环常用于数组的循环。
var arr = [1,2,3,4,5];
arr.forEach(val,key){
console.log(val);
}
在forEach循环中,()中的第一个值为每次循环得到的数组中的一项,第二个值为此次循环得到的项的下标。forEach循环是最常用的数组循环方法。
总结一下,在三种循环方式中,forEach循环是专门针对数组的一种循环方式,for…in是数组、对象、字符串都能使用的循环,而for循环是最基础的,用途最广的循环方式。