angularjs - $.grep 在匹配后返回属性

Question

我找不到任何这样做的实例，所以我问你们聪明的人是否有一个很好的简单方法来完成我想要的事情。

尝试将两个数组映射在一起。一个数组包含 ID 列表 (Foos)，另一个数组包含这些 ID 的所有属性(条)。想要将所有内容保留在我的 Angular Controller 中。

这是一个片段。我正在尝试匹配 ID 并映射到 Name 属性。

$scope.Foos = $.map($scope.Foos, function (foo) {
                            return {
                                ID: foo.ID,
                                Name: $.grep($scope.bars, function(b){
                                    return b.ID === foo.ID;
                                }).Name,
                                Property: $.grep($scope.bars, function(b){
                                    return b.ID === foo.ID;
                                }).Property
                                };
                            });

我的理解是 $.grep 将根据条件返回对象，然后我可以调用该返回对象的属性吗？

更新:

Foos 是 ID(引导)Bars 是 ID(guid)、名称和属性

Answer 1

$.grep返回一个数组，而不是一个对象，因此要执行您想要的操作，您需要执行以下操作:

Name: $.grep($scope.bars, function(b){
            return b.ID === foo.ID;
      })[0].Name

但是这里的问题是如果没有匹配，$.grep将返回一个空数组，并且您最终会在尝试从该空数组中获取第一个元素时抛出错误。

您确实应该首先查找属性，而不是在尝试构建更复杂的对象时

类似于:

$scope.Foos = $.map($scope.Foos, function (foo) {
    // first filter the array
    var bars = $.grep($scope.bars, function (b) {
        return b.ID === foo.ID;
    });
    // now test we have result, if not make it ... empty string???
    var name = bars.length ? bars[0].Name : '';

    // do similar for `Property`

    return {
        ID: foo.ID,
        Name: name,
        ......
    };
});

这也可以修改为具有一些实用函数，例如 getNameFromBars()并输入 $.grep在那里并返回找到的值或默认值。

如果你想摆脱 jQuery，你可以使用 Array.prototype.map()和Array.prototype.filter()替换$.map和$.grep .

还有$filter可以用。