Question

我实现了一个mixin，用_.where

添加“或”条件

var arr = [{a:1,b:4}, {a:5}, {a:6}, {a:11}];
_.mixin({
   or: function(obj,arr,condition){
     return _.chain(arr).where(condition).union(obj).value();
   }
});

现在我可以像这样使用它，它的工作方式有点像sql查询

_.chain(arr).where({a:1}).or(arr,{a:11,b:3}).or(arr,{a:2}).value();
//returns [{a:1,b:4}]

_.chain(arr).where({a:1}).or(arr,{a:11}).or(arr,{a:2}).value();
//returns [{a:1,b:4},{a:11}]

_.chain(arr).where({a:1}).or(arr,{a:11}).or(arr,{b:4}).value();
//returns [{"a":1,"b":4},{"a":11}] --no duplicates

但是我想找到一个更好的方法来调用_.or（{a：1}），现在我必须每次__or（arr，{a：1}）传递arr，因为链接“或“作为先前执行的函数的结果，获取第一个对象。

有没有办法在链式mixin函数中获得整个数组？

我想在下面返回与上述实现相同的结果。（就像一个完美的SQL查询）

_.chain(arr).where({a:1}).or({a:11,b:3}).or({a:2}).value();//returns [{a:1,b:4}]

我的主要目标是通过下划线获得它，但实际上任何其他方式，如lodash或甚至其他一些库或解决方案也会起作用。此外，我们不需要使用链接，我也尝试使用compose，但到目前为止还没有运气。我想要一个在最小线条上完美运行的解决方案。鼓励任何其他建议使其变得更好。

jsFiddle

Answer 1

这是一个有趣的问题，谢谢你引起我的注意Rahul！

我想出了一个使用下划线辅助函数解决这个问题的函数（虽然没有链接）。它需要2个参数，您开始使用array，以及要匹配属性的propsObj数组。

JsFiddle

Answer 2

试试这个：

// makeOr is a constructor for a 'chainable' type with: `{or, value}`
var makeOr = () =>  {
  var fs = []
  var obj = {
    or: f => {
      fs.push(f)
      return obj
    },
    value: (arr) => _.chain(fs).map(f => _.where(arr, f)).union().flatten().value()
  }     
  return obj
}

// override underscore where 
// if f is our 'chainable' type we evaluate it, otherwise we default to underscore where
(function() {
  where = _.where
  _.mixin({
    where: (arr, f) => (!!f.value && !!f.or) ? f.value(arr) : where(arr, f)
  })
})();

var result = _.chain(arr)
  .where(makeOr().or({a: 1}).or({a:5}).or({a:11}))
  .where({a:5}).value()

JSFiddle

PS。也请查看：Hey Underscore, You're Doing It Wrong!

Answer 3

我不认为延长下划线是正确的方式，Underscore的链接不是为此而设计的。你可能会弯曲＆＃34;它，但是以你想要的短缺为代价。

链接如何工作

下划线链接是一个＆＃34;流操作＆＃34;。 chain()将传递的对象内部存储在闭包中，并返回Underscore接口，其中每个方法都绑定到该对象。应用过滤器函数时，将返回结果并将其内部存储在结果对象中。然后value()调用将返回内部引用。

自定义解决方案

您可以使用所谓的流畅界面解决此问题：

// Fluent interface to filter an array with chained, alternative conditions.
// Usage: whereOr([...]).or({...}).or({...}).end()
//        whereOr([...], {...}).or({...}).end()
// Objects are _.where() conditions to subsequently apply to the array.
function whereOr(arr, condition) {
    var result = [],
        iface;

    iface =  {
        or: function(subcondition) {
            result = result.concat(_.where(arr, subcondition));
            return iface;
        },
        end: function() {
            return _.union(result);
        }
    };

    if (condition) {
        return iface.or(condition);
    }

    return iface;
}

然后你可以做

var arr = [{a:1,b:4}, {a:5}, {a:6}, {a:11}];
whereOr(arr).or({a:1}).or({a:11}).or({a:2}).end();

如果您愿意，可以将此功能混合到Underscore中，当然：

_.mixin({
    whereOr: whereOr
});

如何运作

调用whereOr()时，会建立一个范围，用于保存对原始arr的引用。它返回一个提供流畅函数or()和end()的对象，它们都可以访问初始数组。虽然end()会返回结果，但or()会将用户核心的where()应用于内部参考，并将结果添加到result。然后它再次返回接口对象。这种方式or()提供了另一种过滤的可能性，直到end()返回联合化结果。在此示例中，whereOr()可选地接受第一个过滤条件作为第二个参数。

您可以将whereOr()与chain()和end()与value()进行比较。

jsFiddle

用下划线或下划线表示（下划线，lodash或任何其他解决方案）

3 个答案:

链接如何工作

自定义解决方案

如何运作