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

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

문제 설명

객체 배열과 필터 객체가 주어지면 목표는 필터링하고 필터에 지정된 여러 조건을 기반으로 배열을 단순화합니다. 그러나 필터에 여러 속성이 포함된 경우 특정 문제가 발생합니다.

제안된 솔루션

다음 코드 세그먼트를 고려하세요.

<code class="js">function filterUsers(users, filter) {
  var result = [];
  for (var prop in filter) {
    if (filter.hasOwnProperty(prop)) {
      // Iterate over the array
      for (var i = 0; i < filter.length; i++) {
        if (users[i][prop] === filter[prop]) {
          result.push(users[i]);
        }
      }
    }
  }
  return result;
}

제안된 솔루션에서 문제가 발생합니다. 필터에 여러 속성이 포함된 경우. 특히 두 번째 반복 중에 users[i][prop]와 filter[prop] 간의 비교가 올바르지 않습니다. 이 문제를 해결하려면 코드를 다음과 같이 수정할 수 있습니다.

<code class="js">function filterUsers(users, filter) {
  var result = [];
  for (var prop in filter) {
    if (filter.hasOwnProperty(prop)) {
      // Apply filter on the array
      users = users.filter((user) => user[prop] === filter[prop]);
    }
  }
  return result;
}</code>

이 버전에서는 배열의 내장 필터 방법을 활용하여 필터 조건을 동적으로 적용합니다. 이렇게 하면 지정된 모든 조건을 충족하는 개체만 결과에 포함됩니다.

사용 예

업데이트된 솔루션을 사용하면 필터링 프로세스가 예상대로 작동합니다.

<code class="js">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 filter = {
  address: 'England',
  name: 'Mark'
};

var filteredUsers = filterUsers(users, filter);

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

이 솔루션은 여러 필터 조건이 올바르게 적용되지 않는 문제를 해결하여 결과 필터링된 배열이 지정된 기준을 정확하게 반영하도록 합니다.

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