자바스크립트에서 삼항 연산자는 if-else 문을 대체하여 조건에 따라 값을 반환하거나 변수를 설정하는 데 유용하게 사용됩니다.

삼항 연산자 구조

condition ? expression1 : expression2

위 구조에서 condition은 평가할 조건을 나타내며, expression1은 조건이 참일 때 반환될 값이고, expression2는 조건이 거짓일 때 반환될 값입니다.

예시

const age = 25;
const message = age >= 18 ? '성인입니다' : '미성년자입니다';
console.log(message);  // 출력 결과: '성인입니다'

// 또 다른 예시
const isRaining = true;
const action = isRaining ? '우산을 가져가세요' : '우산이 필요없어요';
console.log(action);  // 출력 결과: '우산을 가져가세요'

위 예시에서 age 변수의 값이 18 이상이므로 message 변수에는 ‘성인입니다’가 할당됩니다.

삼항 연산자의 활용

삼항 연산자는 간결하고 가독성이 좋아 코드를 간단하게 유지할 수 있습니다. 단순한 조건에 따른 값의 할당 뿐만 아니라 DOM 조작, 스타일 적용 등에도 활용될 수 있습니다.

결론

삼항 연산자는 코드를 간결하게 유지하고 가독성을 높이는 데 유용한 자바스크립트의 기능입니다. 필요한 경우 if-else 문 대신 적절히 활용하여 코드를 간결하고 명확하게 작성할 수 있습니다.

더 많은 자세한 정보는 MDN Web Docs를 참고하세요.