JavaScript数组filter方法

当在JavaScript中使用数组时，有时我们需要从数组中筛选出符合条件的数据。这时可以使用数组的filter()方法。本文将介绍如何使用filter()方法以及一些示例。

基本语法

filter()方法的基本语法如下：

array.filter(function(currentValue[, index[, array]]) {
  // 定义规则
});

其中，currentValue参数表示数组中当前正在检查的元素；index参数表示当前元素在数组中的索引；array参数表示正在被检查的数组。

另外，filter()方法会返回一个新的数组，数组中包含符合规则的元素。

示例——筛选偶数

下面是一个示例，演示如何使用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()方法从该数组中筛选出偶数。我们使用%运算符计算number是否能被2整除，如果可以，返回true表示该数字是偶数，filter()方法会将其添加到新数组中。最后，我们把新数组输出到控制台。

示例——筛选字符串

下面是另一个示例，演示如何使用filter()方法从数组中筛选出指定字符串。

const words = ['hello', 'world', 'apple', 'banana'];
const filteredWords = words.filter(function(word) {
  return word.indexOf('l') >= 0;
});

console.log(filteredWords); // ['hello', 'world']

在这个示例中，我们创建了一个字符串数组words，然后使用filter()方法从数组中筛选出包含字符'l'的字符串。我们使用字符串的indexOf()方法来进行判断，如果字符串中包含字符'l'，返回true表示该字符串符合条件，filter()方法会将其添加到新数组中。最后，我们把新数组输出到控制台。

总结

使用filter()方法可以很容易地筛选出数组中符合条件的元素，这在很多场景下都非常有用。本文介绍了filter()方法的基本语法以及两个示例，希望能对大家的JavaScript学习有所帮助。