javascript过滤数组多个条件

Question

我想简化一组对象。假设我有以下数组:

var users = [{
    name: 'John',
    email: 'johnson@mail.com',
    age: 25,
    address: 'USA'
    },
    {
        name: 'Tom',
        email: 'tom@mail.com',
        age: 35,
        address: 'England'
    },
    {
        name: 'Mark',
        email: 'mark@mail.com',
        age: 28,
        address: 'England'
}];

和过滤对象:

var filter = {address: 'England', name: 'Mark'};

例如，我需要按地址和姓名过滤所有用户，所以我循环过滤对象属性并检查它:

function filterUsers (users, filter) {
    var result = [];
    for (var prop in filter) {
        if (filter.hasOwnProperty(prop)) {

            //at the first iteration prop will be address
            for (var i = 0; i < filter.length; i++) {
                if (users[i][prop] === filter[prop]) {
                    result.push(users[i]);
                }
            }
        }
    }
    return result;
}

因此在第一次迭代期间，当 prop - address 等于 'England' 时，两个用户将被添加到数组结果(名称为 Tom 和 Mark)，但是在第二次迭代，当 prop name 等于 Mark 时，只有最后一个用户应该添加到数组结果中，但我最终在数组中有两个元素。

我知道为什么会这样，但仍然坚持下去，找不到好的解决方案来修复它。任何帮助都是可观的。谢谢。

Answer 1

你可以这样做

var filter = {
  address: 'England',
  name: 'Mark'
};
var users = [{
    name: 'John',
    email: 'johnson@mail.com',
    age: 25,
    address: 'USA'
  },
  {
    name: 'Tom',
    email: 'tom@mail.com',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: 'mark@mail.com',
    age: 28,
    address: 'England'
  }
];


users= users.filter(function(item) {
  for (var key in filter) {
    if (item[key] === undefined || item[key] != filter[key])
      return false;
  }
  return true;
});

console.log(users)