JavaScript에서 여러 조건을 기반으로 개체 배열을 필터링하는 방법은 무엇입니까?

JavaScript에서 여러 조건을 기반으로 객체 배열 필터링

문제:

객체 배열과 필터가 제공됨 객체에서 우리는 필터 객체에 지정된 여러 조건을 기반으로 배열 요소를 필터링하는 것을 목표로 합니다. 그러나 현재 구현에서는 조건의 하위 집합만 충족하는 여러 요소가 결과에 포함되는 문제가 발생합니다.

해결책:

문제는 잘못된 사용으로 인해 발생합니다. 필터링 함수 내의 for (var i = 0; i < filter.length; i ) 루프. 필터는 객체이므로 길이 속성이 없으며 이 루프는 중복됩니다.

이 문제를 해결하려면 필터 객체의 속성을 직접 반복하고 각 사용자 객체의 속성 존재를 확인할 수 있습니다. . 다음 코드는 올바른 구현을 보여줍니다.

<code class="javascript">function filterUsers(users, filter) {
  var result = [];
  for (var prop in filter) {
    if (filter.hasOwnProperty(prop)) {
      users.forEach(function(user) {
        if (user[prop] === filter[prop]) {
          result.push(user);
        }
      });
    }
  }
  return result;
}</code>

향상된 필터 함수:

향상된 filterUsers 함수는 이제 사용자를 반복하고 필터 개체의 각 속성을 확인합니다. 사용자의 해당 속성 값과 일치하는지 확인합니다. 지정된 모든 속성에 대해 일치하는 값을 가진 사용자만 결과에 포함됩니다.

예:

<code class="javascript">var filter = {
  address: 'England',
  name: 'Mark',
};
var users = [{
  name: 'John',
  email: 'john@example.com',
  age: 25,
  address: 'USA',
},
{
  name: 'Tom',
  email: 'tom@example.com',
  age: 35,
  address: 'England',
},
{
  name: 'Mark',
  email: 'mark@example.com',
  age: 28,
  address: 'England',
},
];

var filteredUsers = filterUsers(users, filter);

console.log(filteredUsers);
// Output: [{
//   name: 'Mark',
//   email: 'mark@example.com',
//   age: 28,
//   address: 'England',
// }]</code>

이 구현은 이름이 Mark이고 필터 조건에 지정된 대로 영국에 거주하는 사람이 결과에 포함됩니다.

위 내용은 JavaScript에서 여러 조건을 기반으로 개체 배열을 필터링하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!