热搜:m1 nginx 代理 前端

js中forEach和map的区别(原创)

2024-01-28 09:30:01

forEach和map的区别

相同处:forEach 和 map都相当于封装好的单层for循环,三个值都相同。

都是数组的方法

不同处:

一:forEach()方法没有返回值,而map()方法有返回值。

forEach 和 map 都是 JavaScript 数组对象的迭代方法,但它们的主要区别在于它们返回值的不同。forEach 和 map 都会遍历整个数组,对每个元素执行相同的操作,但是它们返回值的类型不同。 forEach 方法是一个迭代器函数,它将数组中的每个元素传递给回调函数,但是它不会创建一个新的数组。回调函数可以修改原始数组,但是它没有返回值。 示例:

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(num) {
 console.log(num * 2);
});
输出:
2
4
6
8
10

map 方法也是一个迭代器函数,它与 forEach 相似,但是它会创建一个新的数组作为返回值。回调函数可以修改原始数组,但是它必须返回一个新的值,这个值将会被添加到新的数组中。 示例:

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(num) {
 return num * 2;
});
console.log(doubledNumbers);
输出:
[2, 4, 6, 8, 10]

因此,如果你需要对数组进行修改并且不需要返回值,你应该使用 forEach 方法。如果你需要创建一个新的数组并且对每个元素进行操作,你应该使用 map 方法。