.forEach(), .map(), .filter() .... 有什么区别?
.forEach:,.forEach()
用于对数组中的每个元素执行相同的代码,但不会改变数组并返回未定义。
示例:
在下面的示例中,我们将.forEach()
遍历食物数组并记录我们想要吃的每一种食物。
let food = ['mango','rice','pepper','pear'];
food.forEach(function(foodItem){
console.log('I want to eat '+foodItem);
});
在您的控制台上运行它;
.map():.map()
对数组中的每个元素执行相同的代码,并返回包含更新元素的新数组。
示例:
在下面的示例中,我们将使用.map
迭代数组的元素cost
并将每个元素除以 10,然后将包含新成本的新数组分配给变量newCost
。
let cost = [100,400,300,700];
let newCost = cost.map(function(costItem){
return costItem / 10;
});
console.log(newCost);
在您的控制台上运行它;
.filter():.filter()
检查数组中的每个元素是否满足某个条件,并返回一个包含truthy
符合条件的元素的新数组。
示例:
在下面的示例中,我们将使用.filter
返回小于 200 的值。
let cost = [100,400,50,40,700];
let smallCost = cost.filter(function(costItem){
return costItem < 200
});
console.log(smallCost);
在您的控制台上运行它;
就这些了,伙计们……
文章来源:https://dev.to/ogwurujohnson/foreach-map-filter--whats-the-difference-304l