for of for in 区别

for in 和 for of 都可以循环数组，但是它们的输出结果不同。for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。具体代码如下：

const arr = [1,2,3,4]
// for ... in
for (const key in arr){
  console.log(key) // 输出 0,1,2,3
}
// for ... of
for (const key of arr){
  console.log(key) // 输出 1,2,3,4
}

相关问题

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
}

for in for of区别

`for...in` 和 `for...of` 是 JavaScript 中的两种循环结构，它们的主要区别在于对于对象和数组的遍历方式不同。

- `for...in` 是用于遍历对象的属性（property）的循环结构，它会遍历对象的所有可枚举的属性，包括它的继承的属性。

- `for...of` 是用于遍历数组、字符串、Map 和 Set 等 Iterable 类型的循环结构，它会遍历对象的所有元素，不包括它的属性。

因此，当你需要遍历一个对象的属性时，应该使用 `for...in`；当你需要遍历一个数组、字符串、Map 或 Set 等 Iterable 类型的元素时，应该使用 `for...of`。