我想知道是否有一个已知的,内置/优雅的方法来找到一个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中有这么多函数风格的数组方法,也许已经有这样的东西了?我想很多人都必须实现这样的东西……


当前回答

如果你使用的是underscore.js,你可以使用它的find和indexOf函数来得到你想要的结果:

var index = _.indexOf(your_array, _.find(your_array, function (d) {
    return d === true;
}));

文档:

http://underscorejs.org/#find http://underscorejs.org/#indexOf

其他回答

一种不太优雅的方法是抛出所有正确的错误消息(基于Array.prototype.filter),但将停止对第一个结果的迭代

function findFirst(arr, test, context) {
    var Result = function (v, i) {this.value = v; this.index = i;};
    try {
        Array.prototype.filter.call(arr, function (v, i, a) {
            if (test(v, i, a)) throw new Result(v, i);
        }, context);
    } catch (e) {
        if (e instanceof Result) return e;
        throw e;
    }
}

接下来的例子是

findFirst([-2, -1, 0, 1, 2, 3], function (e) {return e > 1 && e % 2;});
// Result {value: 3, index: 5}
findFirst([0, 1, 2, 3], 0);               // bad function param
// TypeError: number is not a function
findFirst(0, function () {return true;}); // bad arr param
// undefined
findFirst([1], function (e) {return 0;}); // no match
// undefined

它通过使用throw结束过滤器来工作。

自ES6以来,数组有原生的find方法;一旦找到第一个匹配项并返回值,就停止枚举数组。

const result = someArray.find(isNotNullNorUndefined);

旧的回答:

我不得不发布一个答案来阻止这些过滤建议:-)

既然ECMAScript中有这么多函数风格的数组方法,也许已经有这样的东西了?

可以使用some Array方法迭代数组,直到满足某个条件(然后停止)。不幸的是,它只返回条件是否满足过一次,而不是由哪个元素(或在哪个索引处)满足的。所以我们要稍微修改一下:

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);

简介:

为了找到数组中第一个符合布尔条件的元素,我们可以使用ES6 find() find()位于Array上。原型,所以它可以用于每个数组。 Find()接受一个测试布尔条件的回调。函数返回值(不是索引!)

例子:

Const array = [4,33,8,56,23]; Const found = array。Find (element => { 返回元素> 50; }); console.log(发现);/ / 56

Array.prototype.find()就是这样做的,更多信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find

foundElement = myArray[myArray.findIndex(element => //condition here)];