如何在JavaScript中找到匹配布尔条件的数组的第一个元素？

Question

我想知道是否有一种已知的、内置的/优雅的方法来查找匹配给定条件的JS数组的第一个元素。C#的等价物将是list.find。

到目前为止，我一直在使用这样的两个功能组合：

// Returns the first element of an array that satisfies given predicate
Array.prototype.findFirst = function (predicateCallback) {
    if (typeof predicateCallback !== 'function') {
        return undefined;
    }

    for (var i = 0; i < arr.length; i++) {
        if (i in this && predicateCallback(this[i])) return this[i];
    }

    return undefined;
};

// Check if element is not undefined && not null
isNotNullNorUndefined = function (o) {
    return (typeof (o) !== 'undefined' && o !== null);
};

然后我可以使用：

var result = someArray.findFirst(isNotNullNorUndefined);

但是由于ECMAScript中有这么多函数式数组方法，也许已经有类似的东西了？我想很多人都要一直在做这样的事情...

Answer 1

从ES6开始，就有用于数组的本机find方法；一旦找到第一个匹配项并返回值，就停止枚举数组。

const result = someArray.find(isNotNullNorUndefined);

老答：

我必须发布一个答案来停止这些过滤器建议：-）

既然ECMAScript中有这么多函数式数组方法，也许已经有类似的东西了？

您可以使用some数组方法迭代数组，直到满足一个条件（然后停止）。不幸的是，它只返回条件是否满足了一次，而不是由哪个元素（或在什么索引下）满足的。所以我们要稍微修改一下：

function find(arr, test, ctx) {
    var result = null;
    arr.some(function(el, i) {
        return test.call(ctx, el, i, arr) ? ((result = el), true) : false;
    });
    return result;
}

var result = find(someArray, isNotNullNorUndefined);