for...in 和 for...of的用法及区别（一看就懂）

一、for…of 循环数组

var arr = ['nick','freddy','mike','james'];
for(var item of arr){	
    console.log(item) //nick，freddy，mike，james
}

二、for…in 循环对象和数组

var arr = ['nick','freddy','mike','james'];
for(var key in arr){
    console.log(key) 	//0，1，2，3
}
'-----------分割线-----------'
for(var item of arr){	
    console.log(item) //nick，freddy，mike，james
}

var arr = ['nick','freddy','mike','james'];
arr.name = "数组" 
 
for(var key in arr){
    console.log(key+': '+arr[key])
    //0 nick,1 freddy,2 mike,3 james ,name 数组
}
'-----------分割线-----------'
for(var item of arr){	
    console.log(item) //nick，freddy，mike，james
}

总结：

1、for...of只能循环数组
2、for...in和for...of循环数组是返回的结果不同，for...in返回的是index，for...of返回的是value
3、for...in会循环自定义属性