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

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

当前回答

简介:

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

例子:

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

2018-08-19 11:46:10

其他回答

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

2013-08-29 20:20:27

使用findIndex。下面是完整的例子:

function find(arr, predicate) {
    foundIndex = arr.findIndex(predicate);
    return foundIndex !== -1 ? arr[foundIndex] : null;
}

用法如下(我们想找到数组中第一个具有id === 1属性的元素)。

var firstElement = find(arr, e => e.id === 1);

2020-11-06 08:46:07

Javascript中没有内置函数来执行此搜索。

如果你正在使用jQuery，你可以做一个jQuery. inarray(元素，数组)。

2012-05-04 23:22:55

简介:

例子:

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

2018-08-19 11:46:10

从ES 2015开始，Array.prototype.find()就提供了这个确切的功能。

对于不支持此功能的浏览器，Mozilla开发者网络提供了一个填充(粘贴在下面):

if (!Array.prototype.find) {
  Array.prototype.find = function(predicate) {
    if (this === null) {
      throw new TypeError('Array.prototype.find called on null or undefined');
    }
    if (typeof predicate !== 'function') {
      throw new TypeError('predicate must be a function');
    }
    var list = Object(this);
    var length = list.length >>> 0;
    var thisArg = arguments[1];
    var value;

    for (var i = 0; i < length; i++) {
      value = list[i];
      if (predicate.call(thisArg, value, i, list)) {
        return value;
      }
    }
    return undefined;
  };
}

2016-05-02 18:48:41

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

推荐文章

最新文章

标签