자바스크립트에서 Ternary(삼항) 연산자는 if-else 문을 간단하게 표현할 수 있는 유용한 기능입니다. 이 연산자를 사용하면 조건에 따라 변수에 값을 할당할 수 있습니다. 이번 글에서는 Ternary 연산자를 사용하여 변수에 값을 할당하는 방법을 알아보겠습니다.

Ternary 연산자란?

Ternary 연산자는 세 개의 피연산자를 가지는 연산자입니다. 일반적으로 조건문(Condition)이 첫 번째 피연산자로 주어지고, 조건이 참일 때 반환할 값(True Value)과 거짓일 때 반환할 값(False Value)이 나머지 두 개의 피연산자로 주어집니다. 조건이 참이면 True Value가 반환되고, 조건이 거짓이면 False Value가 반환됩니다.

Ternary 연산자는 다음과 같은 형식을 가집니다:

(condition ? trueValue : falseValue)

Ternary 연산자로 변수 값 할당하기

Ternary 연산자를 활용하여 변수에 값을 할당하는 방법은 매우 간단합니다. 예를 들어, 조건에 따라 변수에 다른 값을 할당하려는 경우 다음과 같이 작성할 수 있습니다:

let age = 18;
let message = (age >= 18 ? "성인입니다" : "미성년자입니다");
console.log(message); // 출력: "성인입니다"

위 예제에서는 age라는 변수에 18이 할당되었습니다. Ternary 연산자를 사용하여 age가 18보다 크거나 같은 경우 “성인입니다”라는 문자열이 message 변수에 할당되었습니다. 조건이 거짓인 경우에는 “미성년자입니다”라는 문자열이 message 변수에 할당됩니다.

Ternary 연산자를 사용하여 변수에 값을 할당할 때 주의할 점은 조건문이 단순한 비교 연산자로 제한되지 않으며, 복잡한 조건식을 사용할 수 있다는 것입니다. 예를 들어, 다음과 같이 다양한 조건을 활용하여 변수에 값을 할당할 수 있습니다:

let score = 80;
let grade = (score >= 90 ? "A" : (score >= 80 ? "B" : (score >= 70 ? "C" : "D")));
console.log(grade); // 출력: "B"

위 예제에서는 score라는 변수에 80이 할당되었습니다. Ternary 연산자를 사용하여 score가 90보다 크거나 같은 경우 “A”를, 80보다 크거나 같은 경우 “B”를, 70보다 크거나 같은 경우 “C”를, 그 외의 경우에는 “D”를 grade 변수에 할당하도록 작성되었습니다.

Ternary 연산자를 사용하면 조건문을 더 간결하게 표현할 수 있으며, 코드의 가독성을 향상시킬 수 있습니다. 그러나 복잡한 조건식을 사용할 경우 가독성이 떨어질 수 있으므로, 적절한 상황에서 사용할 것을 권장합니다.

마무리

이번 글에서는 자바스크립트 Ternary 연산자를 활용하여 변수에 값을 할당하는 방법에 대해 알아보았습니다. Ternary 연산자를 사용하면 조건에 따라 간단하게 변수에 값을 할당할 수 있으며, 코드를 더 깔끔하게 작성할 수 있습니다. 하지만 복잡한 조건식은 가독성을 떨어뜨릴 수 있으므로 적절히 사용하는 것이 중요합니다.

더 많은 자바스크립트 관련 정보와 팁을 얻고 싶다면 #JavaScript와 #CodingTips를 팔로우해보세요.