javascript for循环原理 js的for循环

常用的集中for循环

注：JS中Array是对象，没有下标的概念，Array中的每个元素有对应的key，如var array  = ["a","b","c"];array[1]的值是"a",实际上是JS自动将1转成了"1"。

1.最常用的for:循环输出对象中的每一个元素，适用于遍历数组中每一个值。

var array  = ["a","b","c"];
for(var i = 0; i< array.length; i++){
console.log(array[i]);
}

 

2.for-in:循环输出对象中每一个属性，包括自身的属性,更实用与遍历对象中的每一个属性。

var array  = ["a","b","c"];
for(var item in array){
console.log(item);
}

 

3.forEach:循环遍历对象中的保存的值,缺点是无法break和continue。

var array  = ["a","b","c"];
array.forEach((data) =>{
console.log(data);
});

forEach中由callback函数输出每一次执行的值，callback中有三个入参，data,index,array本身。

 

4.for-of：ES6中新加入的for循环，为了解决前三种for循环尴尬的场景。

   优点:速度快，最便捷遍历数组的方法，包括DOM节点，但是不能循环对象的属性值(for-in的本职工作)。

示例：

var array = ["a","b","c"];
　　　 for(var item of array){
　　　 　　console.log(item);
　　　 }