for、for...in、for...of、forEach和map之间的区别

遍历数组
//for…in遍历属性名称key，for…of遍历属性值value

 let arr=['a','b','c'];
 for(let i=0; i<arr.length; i++){
     console.log(i)    //0,1,2       最早学会使用的
 }
 for(let i in arr){
      console.log(i)   //0,1,2    索引值
 }
 for(let item of arr){
     console.log(item )   //a,b,c     es6的语法
 }

--------------------------------------------------------------分割线----------------------------------------------------------------------

 var arr=[10,20,30];
 var newArr1=arr.forEach(function(value,index,array){
 //value为遍历的当前元素，index为当前索引，array为正在操作的数组
     return value*2
})
console.log(newArr1);   //undefined     forEach没有返回值
console.log(arr);   //[10,20,30]      原数组

 var newArr2=arr.map(function(value,index,array){
 //value为遍历的当前元素，index为当前索引，array为正在操作的数组
     return value*2
})
console.log(newArr2);   //[20,40,60]    map有返回值
console.log(arr);   //[10,20,30]      仍然为原数组

arr.map(function(value,index,array){
     array[index]=value*2;
})
console.log(arr);   //[20.40,60]    
//通过下标改变数组的值， 这点和forEach相同
//forEach和map不支持break（跳出整个循环）和 continue（跳出当前循环），支持return
//for支持break和continue，单独使用不支持return

遍历对象

let obj={a:1,b:2}
for(let i in obj){
     console.log(i)   //a,b
}
for(let item of obj){     //不可用于遍历对象
     console.log(item)       //TypeError
}

for…in会遍历对象的整个原型链，性能非常差不推荐使用
而for…of只遍历当前对象不会遍历原型链
for in 可以遍历Object，for of 不能遍历Object，两者都可用来遍历数组。
因为能够被for…of正常遍历的，都需要实现一个遍历器Iterator。而数组、字符串、Set、Map结构，早就内置好了Iterator（迭代器），它们的原型中都有一个Symbol.iterator方法，而Object对象并没有实现这个接口，使得它无法被for…of遍历
另外可以用Object.keys()和Object.values()来遍历对象。它们都是返回数组。

Object.keys(obj)      //[a,b]
Object.values(obj)    //[1,2]