.forEach(), .map(), .filter() .... 有什么区别?

2025-06-07

.forEach(), .map(), .filter() .... 有什么区别?

.forEach:,

.forEach()用于对数组中的每个元素执行相同的代码,但不会改变数组并返回未定义。

示例:
在下面的示例中,我们将.forEach()遍历食物数组并记录我们想要吃的每一种食物。

let food = ['mango','rice','pepper','pear'];
food.forEach(function(foodItem){
    console.log('I want to eat '+foodItem);
});
Enter fullscreen mode Exit fullscreen mode

在您的控制台上运行它;

forEach 结果

.map():
.map()对数组中的每个元素执行相同的代码,并返回包含更新元素的新数组。

示例:
在下面的示例中,我们将使用.map迭代数组的元素cost并将每个元素除以 10,然后将包含新成本的新数组分配给变量newCost

let cost = [100,400,300,700];
let newCost = cost.map(function(costItem){
    return costItem / 10;
});
console.log(newCost);
Enter fullscreen mode Exit fullscreen mode

在您的控制台上运行它;

地图结果

.filter():
.filter()检查数组中的每个元素是否满足某个条件,并返回一个包含truthy符合条件的元素的新数组。

示例:
在下面的示例中,我们将使用.filter返回小于 200 的值。

let cost = [100,400,50,40,700];
let smallCost = cost.filter(function(costItem){
    return costItem < 200
});
console.log(smallCost);
Enter fullscreen mode Exit fullscreen mode

在您的控制台上运行它;

过滤结果

就这些了,伙计们……

文章来源:https://dev.to/ogwurujohnson/foreach-map-filter--whats-the-difference-304l
PREV
WebHook 简介
NEXT
揭秘 JavaScript 调用堆栈