for of和for in区别

for...in和for...of都是用来遍历的属性，但是它们有以下区别：

共性：
- 都可以遍历数组和对象

区别：
- for...in语句用于遍历对象的属性，而for...of语句用于遍历可迭代对象的元素
- for...in语句返回的是对象的键名，而for...of语句返回的是对象的键值
- for...in语句可以遍历对象的原型链上的属性，而for...of语句不行
- for...in语句可以遍历字符串类型的键名，而for...of语句不行

以下是两个例子来说明它们的区别：

1. 遍历对象

const obj = { a: 1, b: 2, c: 3 }

// for...in语句遍历对象的属性
for (let i in obj) {
  console.log(i) // 输出：a b c
}

// for...of语句不能用于对象
for (let i of obj) {
  console.log(i) // 输出：Uncaught TypeError: obj is not iterable 报错了
}

2. 遍历数组

const arr = [1, 2, 3]

// for...in语句遍历数组的下标
for (let i in arr) {
  console.log(i) // 输出：0 1 2
}

// for...of语句遍历数组的元素
for (let i of arr) {
  console.log(i) // 输出：1 2 3
}