js map和foreach
时间: 2023-08-17 17:11:26 浏览: 102
JavaScript遍历数组的三种方法map、forEach与filter实例详解
JavaScript中的`map`和`forEach`都是用于遍历数组的方法,但在使用方式和功能上有一些差异。
`forEach`是一个数组的方法,它接受一个回调函数作为参数,并且对数组中的每个元素依次执行该回调函数。它没有返回值,只是对数组进行遍历操作。例如:
```javascript
const arr = [1, 2, 3, 4];
arr.forEach((num) => {
console.log(num);
});
```
输出结果为:
```
1
2
3
4
```
`map`也是一个数组的方法,它也接受一个回调函数作为参数,但与`forEach`不同的是,它会创建一个新的数组,并将回调函数的返回值添加到这个新数组中。原始数组不会被修改。例如:
```javascript
const arr = [1, 2, 3, 4];
const newArr = arr.map((num) => {
return num * 2;
});
console.log(newArr);
```
输出结果为:
```
[2, 4, 6, 8]
```
可以看到,`map`方法返回了一个新数组,该数组中的每个元素都是原始数组中对应元素经过回调函数处理后的结果。
总结一下:
- `forEach`用于遍历数组,没有返回值。
- `map`用于遍历数组,并返回一个新数组,新数组中的元素是通过回调函数处理原始数组中的元素得到的。
阅读全文