下划线或条件（下划线、lodash 或任何其他解决方案）

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})，现在我必须每次都通过 arr _.or(arr,{a:1})，作为链式“或" 获取第一个对象作为先前执行的函数的结果。

有没有办法在链式 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

我不认为扩展下划线是正确的方法，下划线的链接不是为此而设计的。你可以“弯曲”它，但代价是你想要的短。

链接的工作原理

Underscore 的链接是一种“流操作”。 chain() 将传递的对象内部存储在闭包中，并返回每个方法都绑定到该对象的下划线接口。应用过滤器函数时，将返回结果并在内部存储在结果对象中。然后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();

如果你喜欢，你当然可以把这个功能混入下划线：

_.mixin({
    whereOr: whereOr
});

工作原理

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

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

jsFiddle

Answer 3

试试这个：

// 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!