js for in for of 的区别

//对于普通对象，没有部署原生的 iterator 接口，直接使用 for...of 会报错
var obj = {
   'name': 'lin',
   'age': 12
 }
 
 for(let key of obj) {
   console.log('for of obj', key)   // VM1263:6 Uncaught TypeError: obj is not iterable
    at <anonymous>:6:17
 }
//for...in 循环不仅遍历数字键名，还会遍历手动添加的其它键，甚至包括原型链上的键。for...of 则不会这样
let arr = [1, 2, 3,]
arr.set = 'hello world'  // 手动添加的键
Array.prototype.name = 'hello hi'  // 原型链上的键
 
for(let item in arr) {
  console.log('item', item)
}
//item 0
// item 1
// item 2
// item set
// item name

for(let value of arr) {
  console.log('value', value)
}
//item 0
// item 1
// item 2


//forEach 循环无法中途跳出，break 命令或 return 命令都不能奏效
  arr.forEach(item => {
  if(item % 2 === 0) {
    break
  }
  console.log('item', item)
})

//Uncaught SyntaxError: Illegal break statement at Array.forEach (<anonymous>at <anonymous>:1:5