for in 与 for of区别(一看就会)

for in 示例：

// 遍历数组

const arr = ['java','Python','Swift']

for (let i in arr) {
    console.log( i )
}

for (let i in arr) {
  console.log( arr )
}

 

for (let i in arr) {
  console.log( arr[i] )
}

 

// 遍历对象

const obj = {
  name: 'zs',
  age: 18,
  gender: '男'
}

for (let key in obj) {
  console.log( key )
}

 

 

for (let key in obj) {
  console.log( obj )
}

 // obj[key] 可以获取属性值

for (let key in obj) {
  console.log( obj[key] )
}

 for of 示例：

//遍历数组

const arr2 = ['西瓜','苹果','橙子']

for (let i of arr2) {
  console.log(i)
}

 

for(let i of arr2) {
  console.log( arr2 )
}
   

 

// 对象不能用for of遍历,因为对象不是可迭代对象

const obj2 = {
  name: '李四',
  age: '18',
  gender: '男'
}

for(let key of obj2) {
  console.log(key)  //TypeError: obj2 is not iterable
}

 

 总结：

for in循环：适用于遍历数组和对象，只能获得对象的键名，不能获得键值

 for...of 循环：允许遍历获得键值.对于普通对象，没有部署原生的 iterator 接口，直接使用 for...of 会报错