자바스크립트에서 Ternary 연산자를 이용한 데이터 필터

08 Nov 2023

javascript

자바스크립트에서 Ternary 연산자는 조건에 따라 다른 값을 반환하는 편리한 방법입니다. 이를 활용하여 데이터 필터링을 간단하게 구현할 수 있습니다. Ternary 연산자를 사용하면 if-else 문을 더 간결하게 표현할 수 있으며 코드의 가독성을 높일 수 있습니다.

다음은 Ternary 연산자를 이용한 데이터 필터링의 예시입니다.

const data = [
  { name: 'Tom', age: 25 },
  { name: 'John', age: 30 },
  { name: 'Sarah', age: 28 },
  { name: 'Emily', age: 22 },
];

const filteredData = data.filter((item) => item.age >= 25 ? true : false);

console.log(filteredData); // [{ name: 'Tom', age: 25 }, { name: 'John', age: 30 }, { name: 'Sarah', age: 28 }]

위의 코드에서는 data 배열에서 age가 25 이상인 객체만 필터링하여 filteredData 배열에 담습니다. Ternary 연산자인 item.age >= 25 ? true : false를 사용하여 조건이 참일 경우 true를 반환하고, 거짓일 경우 false를 반환합니다. 이를 이용하여 필터링 결과를 반환해줍니다.

Ternary 연산자를 사용하면 if-else 문을 사용하는 것보다 더 간결하게 코드를 작성할 수 있습니다. 이를 활용하여 데이터 필터링 및 조건부 로직을 효율적으로 처리할 수 있습니다.

#references