Ternary 연산자로 자바스크립트에서의 문자열 포맷팅

자바스크립트에서 문자열 포맷팅은 자주 사용되는 기능 중 하나입니다. 문자열 포맷팅을 통해 동적인 값을 문자열에 삽입하여 효과적으로 문자열을 생성할 수 있습니다. 이번 글에서는 자바스크립트의 Ternary 연산자를 사용하여 문자열 포맷팅하는 방법에 대해 알아보겠습니다.

Ternary 연산자란?

Ternary 연산자는 세 개의 피연산자를 가지는 조건부 연산자입니다. 조건식의 평가 결과에 따라 두 피연산자 중 하나가 선택되어 반환됩니다. 일반적으로 if-else 문을 대체하여 간단한 조건 처리에 사용될 수 있습니다.

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

condition ? expression1 : expression2;

condition은 평가할 조건식입니다. expression1은 조건식이 참일 경우에 반환되는 값이고, expression2는 조건식이 거짓일 경우에 반환되는 값입니다.

문자열 포맷팅 예제

다음은 Ternary 연산자를 사용하여 자바스크립트에서 간단한 문자열 포맷팅을 하는 예제입니다.

const name = "John";
const age = 25;
const message = `My name is ${name}. I am ${age} years old.`;

console.log(message);

위 코드에서, message 변수에 문자열 포맷팅을 한 결과를 할당하였습니다. ${name}은 변수 name의 값을 삽입하고, ${age}는 변수 age의 값을 삽입합니다.

위 예제를 Ternary 연산자를 사용하여 수정해보겠습니다.

const name = "John";
const age = 25;
const message = `My name is ${name}. I am ${age} years old${age >= 18 ? ", an adult." : ", a minor."}`;

console.log(message);

위 코드에서는 ${age >= 18 ? ", an adult." : ", a minor."} 부분에서 Ternary 연산자를 사용하여 나이에 따라 적절한 문구가 추가되도록 했습니다. 만약 age가 18 이상이면 “, an adult.”가 반환되고, 18 미만이면 “, a minor.”가 반환됩니다.

위 예제를 실행하면 다음과 같은 결과가 출력됩니다.

My name is John. I am 25 years old, an adult.

결론

이렇게 자바스크립트에서 문자열 포맷팅을 Ternary 연산자를 활용하여 간편하게 처리할 수 있습니다. Ternary 연산자를 사용하면 조건에 따라 다른 값을 문자열에 삽입할 수 있어 코드의 가독성을 높일 수 있습니다. 적절하게 활용하여 코드를 더욱 간결하고 효율적으로 작성해보세요.

#javascript #문자열포맷팅