JS数组筛选|极客笔记

JS数组筛选

在JavaScript中，数组是一种非常常用的数据结构，可以存储多个值。而数组筛选则是一种常见的操作，用于从数组中筛选出符合条件的元素，以便进行进一步的处理或展示。本文将详细介绍在JavaScript中如何对数组进行筛选操作，包括使用filter()方法和手动筛选的方法。

使用filter()方法进行数组筛选

JavaScript中的数组提供了许多内置的方法，其中之一就是filter()方法。filter()方法创建一个新数组，其中包含通过给定函数测试的所有元素。让我们来看一个示例，从一个数组中筛选出所有大于等于5的元素：

const arr = [1, 3, 5, 7, 9];

const filteredArr = arr.filter(item => item >= 5);

console.log(filteredArr); // 输出: [5, 7, 9]

在上面的示例中，我们首先定义了一个包含一些整数的数组arr，然后使用filter()方法筛选出所有大于等于5的元素，最后将结果打印出来。

使用filter()方法进行更复杂的筛选

除了简单的条件，我们还可以使用更复杂的逻辑来进行数组的筛选。比如我们想要筛选出数组中所有偶数且大于5的元素：

const arr = [2, 4, 6, 7, 8, 9];

const filteredArr = arr.filter(item => item % 2 === 0 && item > 5);

console.log(filteredArr); // 输出: [6, 8]

在上面的示例中，我们使用了更复杂的条件来筛选出数组中所有偶数且大于5的元素。使用filter()方法可以让我们方便地进行复杂条件的筛选。

手动筛选数组

除了使用filter()方法外，我们还可以手动筛选数组。这种方式可能会更加灵活，我们可以根据自己的需求编写特定的筛选逻辑。下面是一个手动筛选数组的示例：

const arr = [1, 3, 5, 7, 9];

const filteredArr = [];

for (let i = 0; i < arr.length; i++) {
    if (arr[i] >= 5) {
        filteredArr.push(arr[i]);
    }
}

console.log(filteredArr); // 输出: [5, 7, 9]

在上面的示例中，我们使用了一个for循环遍历数组，并手动筛选出大于等于5的元素，然后将符合条件的元素添加到新数组filteredArr中。

手动筛选数组的更多应用

手动筛选数组的方式除了可以应用简单的条件外，还可以应用于更复杂的逻辑。比如我们想要筛选出数组中所有能整除3且不是5的倍数的元素：

const arr = [3, 6, 9, 10, 12, 15];

const filteredArr = [];

for (let i = 0; i < arr.length; i++) {
    if (arr[i] % 3 === 0 && arr[i] % 5 !== 0) {
        filteredArr.push(arr[i]);
    }
}

console.log(filteredArr); // 输出: [3, 6, 9, 12]

在上面的示例中，我们使用了手动筛选的方式筛选出数组中所有能整除3且不是5的倍数的元素。通过手动筛选，我们可以根据具体需求编写灵活的筛选逻辑。