数组查找，本机还是通过 jQuery？

Question

你会做这种事吗？

    var getBoard1 = function(id) {
        return $.grep(me.boards, function (board) {
            return board.Id == id;
        });
    };

还是这样的？

    var getBoard2 = function(id) {
        for (var i = 0; i < me.boards.length; i++) {
            var board = me.boards[i];
            if (board.Id == id)
                return board;
        }
        return null;
    };

为什么，在正确性、可读性和性能方面，您更喜欢这种方式？如果您愿意以第三种方式进行，请分享。

Answer 1

这是grep 函数的样子（jQuery v1.8.2）：

grep: function( elems, callback, inv ) {
    var retVal,
        ret = [],
        i = 0,
        length = elems.length;
    inv = !!inv;

    // Go through the array, only saving the items
    // that pass the validator function
    for ( ; i < length; i++ ) {
        retVal = !!callback( elems[ i ], i );
        if ( inv !== retVal ) {
            ret.push( elems[ i ] );
        }
    }

    return ret;
}

基本上，您正在做同样的事情，因此在性能方面不会有太大差异。当我查看 jQuery 代码时，它们总是返回一个数组，您在其中返回 null。如果你已经在使用 jQuery，我会选择 jQuery 版本，因为它可读性更好，否则使用 native 代码。

* -- 编辑 -- *

查看代码时，这让我意识到它确实有所作为。您的代码在找到第一项（只期望一个结果）时已经返回（并完成循环），其中 jQuery 循环遍历 all 项。因此，如果您只期望一个结果，您的版本会更快。

Answer 2

jQuery 提供了方便的方法，在后台它可能会做类似的事情。如果您已经在使用 jQuery，那么您可以利用这一点，但是我不会仅仅为这样的一点代码包含 jQuery。这完全取决于您的情况。

至于性能，试试看，看看结果如何。

Answer 3

如果您已经对 jQuery 有依赖，那么请使用第一种方式，因为它更短且更易于阅读。在极不可能的情况下，此功能是您的瓶颈并且性能无法接受，那么您可以开始考虑替代实现。

如果您还没有依赖 jQuery，那么第二个版本更可取，因为这种权衡（包括 jQuery 与编写更多代码行）是不值得的。

Answer 4

我会使用原生的Array.filter()，如果你不关心浏览器支持，这可能是最快的（IE8- 会死在这里）。

a.filter(function(e){return e.id == id});

这返回，就像 jQuerys grep 一个数组，你必须在其中获取第一个值。