for of for in
时间: 2023-08-16 10:08:00 浏览: 39
`for in` 是一种在 JavaScript 中遍历对象属性的方法,它可以遍历一个对象的所有可枚举属性,但不能遍历数组。
`for of` 是一种在 JavaScript 中遍历可迭代对象的方法,它可以遍历数组、字符串、Set、Map 等可迭代对象。
`foreach` 是 JavaScript 中 Array 的一个方法,它可以遍历数组并对数组中的每个元素执行指定操作。
相关问题
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 Each for of for in 的区别
`for`、`forEach`、`for...of` 和 `for...in` 都是 JavaScript 中用于循环遍历数组或对象的语句,它们的区别如下:
- `for` 循环:是最基本的循环语句,可以遍历数组和对象。`for` 循环可以通过下标访问数组元素或者通过对象的属性名称访问属性值。
- `forEach` 循环:是数组中的一个方法,只能用于遍历数组,不能遍历对象。`forEach` 循环会自动遍历数组中的每个元素,并且可以在函数中访问每个元素的值、索引和数组本身。
- `for...of` 循环:是 ES6 新增的特性,可以用于遍历可迭代对象(iterable),如数组、字符串、Set、Map 等。`for...of` 循环会自动遍历可迭代对象中的每个元素,不需要使用下标或者属性名进行访问。
- `for...in` 循环:用于遍历对象中的可枚举属性,不能遍历数组。`for...in` 循环会遍历对象中的所有可枚举属性,包括原型链上的属性,需要使用 `hasOwnProperty()` 方法判断属性是否属于对象本身。
总之,`for` 循环是最基本的循环语句,可以遍历数组和对象;`forEach` 循环是数组中的一个方法,只能用于遍历数组;`for...of` 循环是 ES6 新增的特性,可以用于遍历可迭代对象;`for...in` 循环用于遍历对象中的可枚举属性。在使用时需要根据不同的需求选择不同的循环语句。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)