JavaScript 물음표 연산자 및 예시

물음표 연산자란?

물음표 연산자, 또는 조건부 (ternary) 연산자는 JavaScript에서 제공되는 간단하면서도 유용한 연산자입니다. 이 연산자는 if-else 문을 간결하게 표현할 수 있는 방법을 제공합니다. 즉, 조건식의 결과에 따라 다른 값을 리턴하거나 다른 코드 블록을 실행할 수 있습니다.

물음표 연산자 문법

물음표 연산자의 문법은 다음과 같습니다:

condition ? expression1 : expression2;

condition은 평가되는 조건입니다. expression1은 condition이 true일 경우 반환되는 값 또는 실행되는 코드 블록을 나타내고, expression2는 condition이 false일 경우 반환되는 값 또는 실행되는 코드 블록을 나타냅니다.

물음표 연산자 예시

다음은 물음표 연산자의 예시입니다:

const speed = 80;
const message = speed > 60 ? "속도가 빠릅니다." : "속도가 적절합니다.";
console.log(message); // "속도가 빠릅니다."

위의 예시에서는 speed 변수가 60보다 큰지 비교합니다. 만약 그렇다면, "속도가 빠릅니다."라는 메시지를 message 변수에 할당합니다. 그렇지 않으면 "속도가 적절합니다."라는 메시지를 할당합니다.

다른 예시를 살펴보겠습니다:

const age = 25;
const status = age >= 18 ? "성인" : "미성년자";
console.log(status); // "성인"

위의 예시에서는 age 변수가 18보다 크거나 같은지 비교합니다. 만약 그렇다면, "성인"이라는 값이 status 변수에 할당됩니다. 그렇지 않으면 "미성년자"라는 값이 할당됩니다.

물음표 연산자의 활용

물음표 연산자는 다양한 상황에서 유용하게 활용될 수 있습니다. 예를 들어, 조건에 따라 다른 값을 할당하거나 특정 조건을 만족할 때만 코드를 실행하도록 할 때 사용할 수 있습니다.

다음은 물음표 연산자를 사용하여 값을 할당하는 예시입니다:

const temperature = 28;
const weather = temperature > 25 ? "더움" : "적당함";
console.log(weather); // "더움"

위의 예시에서는 temperature 변수의 값이 25보다 큰지 확인합니다. 만약 그렇다면, "더움"이라는 값을 weather 변수에 할당합니다. 그렇지 않으면 "적당함"이라는 값을 할당합니다.

물음표 연산자를 사용하여 코드를 실행할지 말지 결정하는 예시를 살펴보겠습니다:

const loggedIn = true;
loggedIn ? displayHomePage() : displayLoginPage();

function displayHomePage() {
  console.log("홈 페이지를 표시합니다.");
}

function displayLoginPage() {
  console.log("로그인 페이지를 표시합니다.");
}

위의 예시에서는 loggedIn 변수의 값이 true인지 확인하여, true이면 displayHomePage() 함수를 호출하고, false이면 displayLoginPage() 함수를 호출합니다.

물음표 연산자의 장점

물음표 연산자는 코드를 간결하게 작성할 수 있는 매우 유용한 도구입니다. 일부 조건문을 한 줄로 처리할 수 있으므로 코드 가독성을 향상시키는 데 도움이 됩니다. 또한, if-else 문보다 코드 양이 줄어들어서 소스 코드 크기를 작게 유지하면서도 동일한 동작을 할 수 있습니다.

하지만, 물음표 연산자를 남용하여 복잡한 조건을 처리하려고 하거나, 여러 물음표 연산자를 중첩해서 사용하는 것은 코드의 가독성을 저하시킬 수 있습니다. 따라서, 적절하게 사용해야 합니다.

결론

물음표 연산자는 JavaScript에서 if-else 문을 간결하게 표현할 수 있는 유용한 연산자입니다. 조건에 따라 다른 값 또는 코드를 실행할 때 유용하게 활용할 수 있으며, 코드 가독성을 향상시키는 데 도움을 줍니다.