js中foreach循环使用
时间: 2023-10-13 12:06:32 浏览: 84
Foreach循环是JavaScript语言中用于遍历数组、对象等集合类型的一种循环方式。其语法如下:
```
array.forEach(function(currentValue, index, array) {
// code to execute for each element
});
```
其中,array表示要遍历的数组,function是一个回调函数,currentValue表示当前遍历到的元素的值,index表示当前元素的索引,array表示正在被遍历的数组。
例如,以下代码使用forEach循环遍历一个数组,并打印出数组中每个元素的值:
```
var arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
console.log(item);
});
```
输出结果为:
```
1
2
3
4
5
```
除了数组,forEach循环也可以遍历对象的属性。例如:
```
var obj = {a: 1, b: 2, c: 3};
Object.keys(obj).forEach(function(key) {
console.log(key + ': ' + obj[key]);
});
```
输出结果为:
```
a: 1
b: 2
c: 3
```
在forEach回调函数中,还可以使用this关键字引用当前正在被遍历的元素的值。例如:
```
var arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
console.log(this);
}, 'hello');
```
输出结果为:
```
hello
hello
hello
hello
hello
```
在这个例子中,forEach回调函数的第二个参数是一个字符串'hello',它被作为this关键字的值,在循环过程中被打印出来。
阅读全文
相关推荐
![](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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)