JavaScript数组方法：map()、filter() 和 reduce() |21xrx.com

JavaScript数组方法：map()、filter() 和 reduce()

2023-06-10 14:06:47 深夜i -- --

JavaScript 数组方法代码

我最近在学习JavaScript中的数组方法，这些方法非常方便，能够帮助我们快速处理数组数据。当我第一次学习时，我感到有些困惑，但是经过不断的尝试和练习，我现在已经非常熟练了。今天，我将分享三个我最喜欢的JavaScript数组方法以及一些代码示例。

1. map()

map() 方法将当前数组的每个元素都调用一次提供的函数，并且创建一个新的数组来保存函数的返回结果。这是处理数组数据的最佳方法之一，如下所示：

script
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((number) => {
 return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

2. filter()

filter() 方法将当前数组的每个元素都调用一次提供的函数，并且返回一个新的数组，其中只包含执行函数返回 true 的元素。这非常适用于筛选数组数据，如下所示：

script
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter((number) =>
 return number % 2 === 0;
);
console.log(evenNumbers); // [2, 4]

3. reduce()

reduce() 方法使用指定的函数将数组元素合并为单个值，并返回该值。这个方法可以用来求和、平均值等操作，如下所示：

script
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((total, number) => {
 return total + number;
}, 0);
console.log(sum); // 15

这三个方法都是我在JavaScript中处理数组数据时经常用到的。它们非常方便，能够大大简化我们的代码。如果你还没有尝试过，我建议你现在就开始使用它们。

上一篇: idea打包java可执行jar包

下一篇: 掌握Java中的八种基本数据类型：从入门到精通

评论区

()

相似文章