过滤数组（Filtering Arrays） - JavaScript

在JavaScript中，可以使用filter()方法过滤数组中的元素。

filter()方法创建一个新数组，其中包含满足指定条件的所有元素。该方法需要一个回调函数作为参数，该回调函数用于测试数组中的每个元素。如果回调函数返回true，则该元素将包含在新数组中；否则，该元素将被过滤掉。

以下是使用filter()方法过滤数组的示例代码：

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

console.log(evenNumbers); // [2, 4, 6]

在上面的示例中，我们创建了一个名为numbers的数组，并使用filter()方法过滤该数组中的偶数。我们传递一个回调函数作为参数，该回调函数将测试每个数组元素是否为偶数。因为2、4和6是偶数，它们满足条件，因此它们被包含在名为evenNumbers的新数组中。

我们还可以将上面的代码重构为使用箭头函数：

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(number => number % 2 === 0);

console.log(evenNumbers); // [2, 4, 6]

在上面的示例中，我们使用箭头函数替换了回调函数。这使得代码更为简洁。

除了过滤奇偶数之外，我们还可以使用filter()方法过滤其他类型的数组元素，例如字符串：

const fruits = ['apple', 'banana', 'orange', 'strawberry'];
const longFruits = fruits.filter(function(fruit) {
  return fruit.length > 5;
});

console.log(longFruits); // ['banana', 'orange', 'strawberry']

在上面的示例中，我们创建了一个名为fruits的数组，并使用filter()方法过滤该数组中长度超过5的水果名称。我们传递一个回调函数作为参数，该回调函数将测试每个数组元素的长度是否大于5。因为'banana'、'orange'和'strawberry'的长度都大于5，它们满足条件，因此它们被包含在名为longFruits的新数组中。

除此之外，还有很多其他场景可以使用filter()方法过滤数组中的元素。使用过滤器允许我们在不删除任何元素的情况下只显示我们感兴趣的元素，这是一种非常实用的技术。

参考资料

• MDN Web Docs - Array.prototype.filter()