[javascript] 필터링 연산자의 종류와 사용법은?

21 Nov 2023

javascript

필터링 연산자는 배열이나 객체에 대해 특정 조건을 만족하는 요소만을 선택하거나 제외하는 작업을 수행하는 연산자입니다. 자바스크립트에서는 다양한 필터링 연산자가 제공되며, 각각의 사용법에 대해 알아보겠습니다.

배열 필터링 연산자 (Array.filter) 배열 필터링 연산자는 주어진 함수를 이용하여 배열의 각 요소에 대해 조건을 검사하고, 조건을 만족하는 요소만을 새로운 배열로 반환합니다. 사용법은 아래와 같습니다.

const numbers = [1, 2, 3, 4, 5];

const evenNumbers = numbers.filter((num) => num % 2 === 0);

console.log(evenNumbers); // 결과: [2, 4]

객체 필터링 연산자 (Object.entries, Object.fromEntries) 객체 필터링 연산자는 객체의 속성(key-value 쌍)들에 대해 조건을 검사하고, 조건을 만족하는 속성들만을 선택하여 새로운 객체로 반환합니다. 사용법은 아래와 같습니다.

const person = {
  name: 'John',
  age: 25,
  city: 'London',
  profession: 'Developer'
};

const filteredPerson = Object.fromEntries(
  Object.entries(person).filter(([key, value]) => key !== 'age')
);

console.log(filteredPerson); // 결과: { name: 'John', city: 'London', profession: 'Developer' }

문자열 필터링 연산자 (String.includes, String.indexOf) 문자열 필터링 연산자는 문자열에 특정 패턴이 포함되어 있는지 검사하는 연산자입니다. 사용법은 아래와 같습니다.

const sentence = 'I love JavaScript!';

const hasJavaScript = sentence.includes('JavaScript');

console.log(hasJavaScript); // 결과: true

위에서 소개한 필터링 연산자들은 자주 사용되는 몇 가지 예시일 뿐이며, 물론 자바스크립트에서는 이 외에도 다양한 필터링 연산자들이 존재합니다. 필터링 연산자들을 효율적으로 활용하면 데이터의 처리나 유효성 검증 등 다양한 작업에 유용하게 사용할 수 있습니다.

참고 문서: