for of for in 区别
时间: 2023-11-16 13:00:10 浏览: 34
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 in for of区别
`for...in` 和 `for...of` 是 JavaScript 中的两种循环结构,它们的主要区别在于对于对象和数组的遍历方式不同。
- `for...in` 是用于遍历对象的属性(property)的循环结构,它会遍历对象的所有可枚举的属性,包括它的继承的属性。
- `for...of` 是用于遍历数组、字符串、Map 和 Set 等 Iterable 类型的循环结构,它会遍历对象的所有元素,不包括它的属性。
因此,当你需要遍历一个对象的属性时,应该使用 `for...in`;当你需要遍历一个数组、字符串、Map 或 Set 等 Iterable 类型的元素时,应该使用 `for...of`。
for in 和for of区别
在 JavaScript 中,for...in 和 for...of 是两种循环语句,用于迭代数组或对象的元素。它们的用法和行为有一些区别。
1. for...in 循环:
for...in 循环用于迭代对象的可枚举属性。它会遍历对象的所有可枚举属性,包括自身的属性和继承的属性。语法如下:
```javascript
for (variable in object) {
// 循环体
}
```
在循环体中,你可以通过 variable 获取到当前迭代的属性名。
示例:
```javascript
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
console.log(key); // 输出属性名:a, b, c
console.log(obj[key]); // 输出属性值:1, 2, 3
}
```
2. for...of 循环:
for...of 循环用于迭代可迭代对象(如数组、字符串、Set、Map等)的元素值。它会遍历对象的可迭代部分,而不包括对象的属性。语法如下:
```javascript
for (variable of iterable) {
// 循环体
}
```
在循环体中,你可以通过 variable 获取到当前迭代的元素值。
示例:
```javascript
const arr = [1, 2, 3];
for (let value of arr) {
console.log(value); // 输出元素值:1, 2, 3
}
const str = "Hello";
for (let char of str) {
console.log(char); // 输出字符:H, e, l, l, o
}
```
总结:
- for...in 循环用于迭代对象的属性名,可以遍历对象的可枚举属性。
- for...of 循环用于迭代可迭代对象的元素值,可以遍历数组、字符串等可迭代对象。
希望这个解答对你有帮助!如果你还有其他问题,请随时提问。