for…in

循环对象的话出来的是key，数组的话 是数组的下标

var obj = {
    name:'zhangsan',
        age: 18
}           
for(var item in obj){
      console.log(item);   // item是key name、age
      console.log(obj[item]) // 这个是value zhangsan 、18
}

let arr = [{
    name:1
},{
    name:2
}]
            
for(var item in arr){
    console.log(item); // 数组下标 0 1 ...
    console.log(arr[item]) // 对应的值 {name: 1} ...
}

同时 for in 还会遍历出原型上的值

如上
Object.prototype.test = 'test'; 
在Object原型对象上添加test属性 用for in遍历时也会遍历出来

for…of

for…of 是ES6新引入的特性。修复了ES5引入的for…in的不足支持set().map()
for…of不能循环普通的对象，需要通过和OBject.Keys()搭配使用 大多数用来遍历数组

for…of forEach对比

for of 可以使用break.continue（重点)
for…of 循环的是（value）

let arr = [{
    name:1
},{
        name:2
},{
    name:3
},]
            
for(var item of arr){
    console.log(item); // item是值 {name: 1}
        if(item.name == 1){
        continue; // 跳出本次 继续进行下一次
                break; //跳出整个循环
    }
        console.log(obj[item])
}