JS 查找数组所有符合条件数据|极客笔记

JS 查找数组所有符合条件数据

在开发过程中，经常会遇到需要从数组中找出符合特定条件的元素的情况。JS作为一门强大的脚本语言，提供了多种方法来实现这一目标。本文将介绍几种常用的方法，帮助开发者轻松地搜索出数组中所有符合条件的数据。

方法一: 使用filter方法

filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。简单来说就是筛选出符合条件的元素。

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

const result = arr.filter(item => item % 2 === 0);

console.log(result); // [2, 4, 6, 8, 10]

上面的示例中, filter() 方法使用箭头函数判断数组中的元素是否为偶数, 然后返回一个新数组包含所有的偶数。

方法二: 使用map方法

map() 方法创建一个新数组, 其结果是该数组中的每个元素都调用一个提供的函数后的返回值。这里可以搭配 filter() 方法一起使用。

const arr = [10, 20, 30, 40, 50];

const result = arr.map(item => {
    if (item > 25) {
        return item;
    }
});

console.log(result); // [30, 40, 50]

上面的示例中, map() 方法会返回一个新数组, 其中包含大于25的元素。

方法三: 使用for循环

如果不想使用数组方法, 也可以使用经典的for循环来遍历数组，并筛选出符合条件的元素。

const arr = [15, 25, 35, 45, 55];

let result = [];

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

console.log(result); // [35, 45, 55]

上面的示例中, 使用for循环遍历数组, 将大于30的元素推入新数组中。

方法四: 使用reduce方法

reduce() 方法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行)，将其结果汇总为单个返回值。

const arr = [5, 10, 15, 20, 25];

const result = arr.reduce((acc, curr) => {
    if (curr % 5 === 0) {
        acc.push(curr);
    }
    return acc;
}, []);

console.log(result); // [5, 10, 15, 20, 25]

上面的示例中, reduce() 方法用于筛选出数组中能被5整除的元素。

方法五: 使用递归方法

递归方法可以实现更加复杂的条件判断，如果需要递归搜索数组所有层级的元素可以使用这种方法。

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

function searchRecursive(arr, condition) {
    let result = [];

    arr.forEach(item => {
        if (Array.isArray(item)) {
            result = result.concat(searchRecursive(item, condition));
        } else {
            if (condition(item)) {
                result.push(item);
            }
        }
    });

    return result;
}

const result = searchRecursive(arr, item => item % 3 === 0);

console.log(result); // [3, 6, 9]

上面的示例中, 通过递归方法搜索出数组中所有能被3整除的元素。