如何使用可变参数过滤javascript对象数组

Question

我想根据对象的属性选择对象,但不总是相同的属性.换一种说法:

arr = [
    { name: "joe",   age21: 1 },
    { name: "nick",  age21: 0 },
    { name: "blast", age21: 1 }
];

arr.filter(function(item) {
    return (item.name === "nick" && item.age21 === 1);
});

但有时我只想过滤名称,例如:

arr.filter(function(item) {
    return (item.name === "nick");
});

我想要做的是概括这一点,以便可以将参数列表传递给函数.我想出了以下内容,但它很慢,我想知道是否有更好的方法:

filterParams = function(arr, params) {
    var new_array = arr.filter(function(item) {
        var select = 1
        for(obj in params) { //create the filter criteria based on varying set of parameters
            var select = select && params[obj] === item[obj];
        }
        return select;
    });
    return new_array;
}

然后你可以用: filterParams(arr, {name: "nick", age21: 1});

或者: filterParams(arr, {name: "nick"});

它会以任何方式工作.

如果您想知道,我这样做是因为我有不同的数据集,我想通过相同的例程运行,因此需要对过滤器属性进行推广,以便我可以过滤特定于每个数据集的属性.

谢谢!

Answer 1

这是一个功能方法,应该适用于给定对象的任意数量的属性:

function filter(arr, criteria) {
  return arr.filter(function(obj) {
    return Object.keys(criteria).every(function(c) {
      return obj[c] == criteria[c];
    });
  });
}

例如:

var arr = [
  { name: 'Steve', age: 18, color: 'red' },
  { name: 'Louis', age: 21, color: 'blue' }, //*
  { name: 'Mike', age: 20, color: 'green' },
  { name: 'Greg', age: 21, color: 'blue' }, //*
  { name: 'Josh', age: 18, color: 'red' }
];

console.log(filter(arr, { age: 21, color: 'blue' }));
//^ {age:21, color:'blue', name:'Louis}
//  {age:21, color:'blue', name:'Greg'}

不确定您的性能问题,但这应该没问题.

编辑:您可以使用正则表达式使其更强大,如下所示:

function filter(arr, criteria) {
  return arr.filter(function(obj) {
    return Object.keys(criteria).every(function(c) {
      return new RegExp(criteria[c]).test(obj[c]);
    });
  });
}

console.log(filter(arr, { age: /^2\d$/, color: /^(red|blue)$/ }));
//^ Louis, Greg                --^-- twenty-something
//                                               ----^---- red OR blue