JavaScript 中的数组过滤方法array.filter|极客笔记

JavaScript 中的数组过滤方法array.filter

在 JavaScript 中，数组是最常用的数据结构之一。数组提供了许多用于操作元素的方法，其中之一就是filter()方法。filter()方法可以根据指定的条件过滤出符合条件的元素，返回一个新的数组。

语法

filter()方法的语法如下：

const newArray = array.filter(function(element, index, array) {
  // 返回true则保留该元素，返回false则过滤该元素
});

参数说明：

element：当前遍历到的元素
index：当前遍历到的元素的索引
array：正在遍历的数组

示例代码

示例一：过滤出包含指定字符串的元素

const array = ['deepinout.com', 'apple', 'banana', 'deepinout.com'];

const filteredArray = array.filter(function(element) {
  return element.includes('deepinout.com');
});

console.log(filteredArray); // Output: ['deepinout.com', 'deepinout.com']

在上面的示例中，我们定义了一个包含字符串的数组，然后使用filter()方法过滤出包含deepinout.com字符串的元素，最终得到了一个新的数组filteredArray。

示例二：过滤出大于5的数字

const numbers = [2, 5, 8, 11, 3];

const filteredNumbers = numbers.filter(function(num) {
  return num > 5;
});

console.log(filteredNumbers); // Output: [8, 11]

在这个示例中，我们定义了一个包含数字的数组，然后使用filter()方法过滤出大于5的数字，最终得到了一个新的数组filteredNumbers。

示例三：过滤出偶数

const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9];

const evenNumbers = nums.filter(function(num) {
  return num % 2 === 0;
});

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

在这个示例中，我们定义了一个包含数字的数组，然后使用filter()方法过滤出偶数，最终得到了一个新的数组evenNumbers。