for 循环的几种写法

1. 常用的for循环

var maArry = ['hst','sun','bb'];
for (let index = 0; index < myArray.length; index++) {
	console.log(index,myArray[index])
}

返回结果：

2. forEach

//ES5写法
myArray.forEach(function(value,index){
	console.log(typeof index)
	console.log(value,index);
})

返回的结果：

3. for…in （谨慎使用）

• 该方法index为字符串，不一定按照数组的顺序输出
• 除了会遍历数组元素，还会遍历自定义属性
• 仅适用于遍历普通对象，不适用于遍历数组

Array.prototype.age = 10
Array.prototype.unique = function(){
	console.log('unique')
}
myArray.name = "name";
//ES5写法
for(let index in myArray){
	//此时的index为字符串
	console.log(typeof index)
	console.log(index,myArray[index])
}

返回的结果：

4. for…of

• 适用于遍历类数组对象、字符串、Map、Set
• 不支持遍历普通对象

//ES6写法
for(let value of myArray){
	console.log(value)
}

返回的结果：