JavaScript – 数组 filter() 方法

JavaScript是一种广泛用于网页开发的编程语言，而数组是JavaScript中最常用的数据类型之一。在JavaScript中，数组是一组有序的数据集合，可以保存多个值，这些值可以是数字、字符串、对象等。

在JavaScript中，数组有许多内置方法，其中之一就是filter()方法。filter()方法可以遍历数组中的每个元素，并根据指定的条件对数组进行过滤操作。如果元素满足条件，则保留该元素，否则删除该元素。filter()方法返回一个新的数组，其中只包含满足条件的元素。

下面是一些使用filter()方法的示例代码：

示例 1：过滤数组中的负数

const numbers = [1, -1, 2, -2, 3, -3];

const positiveNumbers = numbers.filter(function(number) {
  return number > 0;
});

console.log(positiveNumbers); // 输出 [1, 2, 3]

在上面的代码中，我们定义了一个名为numbers的数组。然后，我们使用filter()方法遍历数组中的每个元素，并返回一个新数组positiveNumbers，其中只包含大于0的元素。

示例 2：过滤数组中的奇数

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()方法遍历数组中的每个元素。如果该元素是偶数，则将其添加到新数组evenNumbers中。最终的输出结果是包含所有偶数的新数组。

示例 3：过滤数组中的空字符串

const names = ["Alice", "", "Bob", " ", "Charlie", null, undefined, "David"];

const filterNames = names.filter(function(name) {
  return name.trim().length > 0;
});

console.log(filterNames); // 输出 ["Alice", "Bob", "Charlie", "David"]

在上面的代码中，我们定义了一个名为names的数组，并使用filter()方法遍历数组中的每个元素。如果元素不是空字符串，则将其添加到新数组filterNames中。最终的输出结果是一个新数组，其中只包含不为空的元素。

结论

在JavaScript中，filter()方法是非常有用的一个数组方法，它可以根据指定的条件过滤数组中的元素，并返回一个新的数组。filter()方法可以应用于任何类型的数组，包括数字、字符串、对象等。无论是筛选数字，还是筛选字符串，filter()方法都是非常方便实用的。希望本文对你理解JavaScript中的filter()方法有所帮助。