for in和for of 具体实例
时间: 2023-10-20 17:06:36 浏览: 56
for-in和for-of是JavaScript中用于遍历数据结构的两种不同的循环语句。for-in循环主要用于遍历对象的属性,而for-of循环则用于遍历可迭代对象(例如数组、字符串、set、map等)中的元素。
下面是一些具体的示例:
1. for-in循环遍历对象的属性:
```
const person = {
name: 'John',
age: 25,
occupation: 'Developer'
};
for (let prop in person) {
console.log(prop + ': ' + person[prop]);
}
// 输出:
// name: John
// age: 25
// occupation: Developer
```
2. for-of循环遍历数组:
```
const numbers = [1, 2, 3, 4, 5];
for (let num of numbers) {
console.log(num);
}
// 输出:
// 1
// 2
// 3
// 4
// 5
```
3. for-of循环遍历字符串:
```
const str = 'Hello World';
for (let char of str) {
console.log(char);
}
// 输出:
// H
// e
// l
// l
// o
//
// W
// o
// r
// l
// d
```
总之,for-in循环用于遍历对象的属性,而for-of循环用于遍历可迭代对象中的元素。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)