[javascript] 다중 조건을 적용하여 데이터를 필터링하는 방법

21 Dec 2023

javascript

데이터를 필터링할 때 여러 가지 조건을 적용해야 하는 경우가 있습니다. JavaScript에서는 다양한 방법으로 다중 조건을 적용하여 데이터를 필터링할 수 있습니다. 이 글에서는 가장 일반적으로 사용되는 방법들을 살펴보겠습니다.

1. Array.filter() 메서드

JavaScript에서 Array.filter() 메서드는 주어진 함수의 조건을 만족하는 모든 요소로 이루어진 새로운 배열을 반환합니다.

아래는 Array.filter() 메서드를 사용하여 다중 조건을 적용하는 방법의 예시입니다.

const data = [
  { name: 'Alice', age: 25, city: 'New York' },
  { name: 'Bob', age: 30, city: 'Los Angeles' },
  { name: 'Charlie', age: 28, city: 'Chicago' }
];

const filteredData = data.filter(item => item.age > 25 && item.city === 'Chicago');
console.log(filteredData);

위 예시에서는 나이가 25세를 초과하고 거주 도시가 ‘Chicago’인 항목만을 필터링하여 새로운 배열을 반환합니다.

2. 조건문과 논리 연산자를 활용

Array.filter() 메서드가 적합하지 않은 경우, 조건문과 논리 연산자를 활용하여 조건을 만족하는 항목을 수동으로 필터링할 수 있습니다.

const filteredData = [];

for (let i = 0; i < data.length; i++) {
  if (data[i].age > 25 && data[i].city === 'Chicago') {
    filteredData.push(data[i]);
  }
}

console.log(filteredData);

결론

다양한 방법으로 JavaScript에서 다중 조건을 적용하여 데이터를 필터링할 수 있습니다. Array.filter() 메서드를 활용하는 방법이 가독성이 좋고 간편하며 성능적으로도 효율적이므로 많이 사용됩니다. 필터링할 데이터의 유형과 상황에 적합한 방법을 선택하여 코드를 작성하는 것이 중요합니다.

참고문헌:

MDN Web Docs: Array.prototype.filter()