JS 返回数组满足条件的多个下标|极客教程

JS 返回数组满足条件的多个下标

在编程中，我们经常会遇到需要根据某些条件从数组中过滤出满足条件的元素或者返回符合条件的元素的索引位置。在JavaScript中，我们可以使用一些方法来实现这个功能。本文将详细讨论如何在JavaScript中返回数组中满足条件的多个下标。

方法一：使用 `filter` 方法

JavaScript中的数组对象有一个filter方法，该方法可以根据指定的条件返回一个新数组，新数组中包含原始数组中满足条件的元素。我们可以结合map方法来获取满足条件的元素的索引位置。

下面是一个示例代码：

const arr = [1, 3, 5, 7, 9, 2, 4, 6, 8];
const result = arr.map((element, index) => element % 2 === 0 ? index : -1).filter(index => index !== -1);

console.log(result); // 输出 [5, 6, 7, 8]

在上面的示例中，我们首先使用map方法遍历数组，对每个元素进行判断，如果元素为偶数，则返回该元素的索引位置，否则返回-1。然后使用filter方法过滤出返回的索引位置。

方法二：使用 `reduce` 方法

除了filter方法外，我们还可以使用reduce方法来返回满足条件的元素的索引位置。reduce方法对数组中的每个元素执行一个提供的函数，将其结果汇总为一个单个返回值。

下面是一个示例代码：

const arr = [1, 3, 5, 7, 9, 2, 4, 6, 8];
const result = arr.reduce((acc, element, index) => {
    if (element % 2 === 0) {
        acc.push(index);
    }
    return acc;
}, []);

console.log(result); // 输出 [5, 6, 7, 8]

在上面的示例中，我们使用reduce方法对数组进行遍历，如果元素为偶数，则将其索引位置添加到累加器中，最终返回结果。

方法三：使用 `forEach` 方法

除了以上两种方法外，我们还可以使用forEach方法来实现返回数组满足条件的多个下标。

下面是一个示例代码：

const arr = [1, 3, 5, 7, 9, 2, 4, 6, 8];
const result = [];
arr.forEach((element, index) => {
    if (element % 2 === 0) {
        result.push(index);
    }
});

console.log(result); // 输出 [5, 6, 7, 8]

在上面的示例中，我们使用forEach方法对数组进行遍历，如果元素为偶数，则将其索引位置添加到结果数组中。