Undercore findWhere函数,用于查找与条件a或b匹配的元素

Underscore findWhere function to find element match condition a or b

本文关键字:元素 条件 函数 findWhere 用于 查找 Undercore      更新时间:2023-09-26

我有一个对象数组

var arr = [{a:1},{a:5}, {a:6},{a:11}];

我想使用下划线findwhere函数来检索满足条件a = 1a =11 的对象

类似:

_findWhere(arr, {a:1} || {a:11})

有这样的可能吗??

find的行为类似于findWhere,因为它返回通过搜索条件的第一个项目。使用find,您可以使用谓词来指定搜索条件。

var result = _.find(arr, function(item) {
    return item.a == 1 || item.a == 11;
});

您可以对此使用_.filter

var arr = [{a:1}, {a:5}, {a:6}, {a:11}];
_.filter(arr,function(n){return (n.a===1 || n.a===11)});

但有一个更好的解决方案可以帮助您添加任意数量或任意添加。使用_.mixin,您可以创建自己的或功能

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

对于您的情况,最好使用find函数。您可以使用作为第二个参数传递给find方法并检查两个条件的函数:

var arr = [{ a: 1 }, { a: 5 }, { a: 6 }, { a: 11 }];
var elem = _.find(arr, function(e) {
    return e.a == 1 || e.a == 11;
});
document.write(JSON.stringify(elem));
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>


或者使用纯javascript(ES2015):

var arr = [{ a: 1 }, { a: 5 }, { a: 6 }, { a: 11 }];
var elem = arr.find(function(e) {
    return e.a == 1 || e.a == 11;
});
document.write(JSON.stringify(elem));

您可以使用Array#some 用纯Javascript编写它

var arr = [{ a: 1 }, { a: 5 }, { a: 6 }, { a: 11 }, { a: 11 }],
    found = function (array) {
        var index;
        return arr.some(function (a, i) {
            if (a.a === 1 || a.a === 11) {
                index = i;
                return true;
            }
        }) && array[index] || undefined;
    }(arr);
document.write('<pre>' + JSON.stringify(found, 0, 4) + '</pre>');