본문 바로가기
프로그래밍/JavaScript

JavaScript 삼항 연산자를 활용한 코드 간소화

by 꾸션 2023. 4. 11.

JavaScript에서 자주 사용되는 삼항 연산자에 대해 알아보겠습니다. 삼항 연산자는 코드를 간결하게 작성할 수 있게 도와주는 유용한 도구입니다. 이 글을 통해 삼항 연산자의 개념을 이해하고, 실제로 어떻게 사용되는지 예시와 함께 설명드리겠습니다.

 

삼항 연산자

 

삼항 연산자란?

삼항 연산자(ternary operator)는 JavaScript에서 조건문을 간단하게 표현할 수 있는 방법입니다. 이 연산자는 조건문, 참일 때 실행할 표현식, 거짓일 때 실행할 표현식 이렇게 세 개의 요소로 구성되어 있어서 삼항 연산자라고 부릅니다.

 

삼항 연산자의 구문

삼항 연산자의 구문은 다음과 같습니다.

condition ? expressionIfTrue : expressionIfFalse;

 

여기서 condition은 조건을 나타내며, 이 조건이 참(true)일 경우 expressionIfTrue가 실행되고, 거짓(false)일 경우 expressionIfFalse가 실행됩니다.

 

삼항 연산자의 사용 예시

예시를 통해 삼항 연산자의 사용법을 알아보겠습니다.

 

예시 1: 변수에 값 할당하기

let age = 20;
let isAdult = (age >= 18) ? '성인' : '미성년자';
console.log(isAdult); // 성인

 

예시 2: 함수 결과 값 반환하기

function getDiscount(price, isMember) {
    return isMember ? price * 0.9 : price;
}

console.log(getDiscount(10000, true)); // 9000
console.log(getDiscount(10000, false)); // 10000

 

중첩 삼항 연산자

삼항 연산자는 중첩하여 사용할 수도 있습니다. 하지만 코드의 가독성을 해치지 않도록 주의해야 합니다.

 

예시 3: 중첩 삼항 연산자 사용하기

let score = 75;
let grade = (score >= 90) ? 'A' : (score >= 80) ? 'B' : (score >= 70) ? 'C' : (score >= 60) ? 'D' : 'F';
console.log(grade); // C

 

이상으로 삼항 연산자에 대해 알아보았습니다. 삼항 연산자는 코드를 간결하게 작성할 때 유용하게 사용될 수 있습니다. 단, 가독성을 해치지 않도록 적절한 상황에만 사용하는 것이 좋습니다. 또한, 중첩된 삼항 연산자는 복잡한 로직을 표현할 때 사용할 수 있지만, 가독성이 떨어질 수 있으므로 적절한 균형을 유지해야 합니다. 삼항 연산자를 이용하여 코드를 더 간결하고 효율적으로 작성할 수 있도록 연습해보세요!

 

삼항 연산자와 if-else문 비교

삼항 연산자는 if-else문에 비해 간결한 코드 작성이 가능하지만, 모든 상황에서 if-else문을 대체할 수는 없습니다. 간단한 조건문의 경우 삼항 연산자를 사용하고, 복잡한 로직이나 여러 개의 조건문이 필요한 경우 if-else문을 사용하는 것이 좋습니다.

 

// 삼항 연산자 사용
let isEven = (num % 2 === 0) ? true : false;

// if-else문 사용
let isEven;
if (num % 2 === 0) {
  isEven = true;
} else {
  isEven = false;
}

 

위 예시에서는 간단한 조건문을 사용하여 짝수 여부를 판별하는 경우, 삼항 연산자가 더 간결한 코드 작성이 가능합니다. 그러나 조건문이 복잡해지면 if-else문이 더 적합한 선택이 될 수 있습니다.

 

삼항 연산자는 간단한 조건문을 간결하게 표현할 수 있는 도구입니다.
삼항 연산자는 코드를 간결하게 작성할 수 있으나, 가독성을 해치지 않는 범위 내에서 사용해야 합니다.
중첩된 삼항 연산자는 복잡한 로직을 표현할 수 있지만, 가독성이 떨어질 수 있으므로 적절한 균형을 유지해야 합니다.
간단한 조건문의 경우 삼항 연산자를 사용하고, 복잡한 로직이나 여러 개의 조건문이 필요한 경우 if-else문을 사용하는 것이 좋습니다.

반응형

댓글