5.3. 프로그램언어 자바스크립트(JavaScript)에서의 삼항 연산자를 활용한 조건문

by

프로그램언어 자바스크립트(JavaScript)에서의 삼항 연산자의 기본 구조

자바스크립트에서의 삼항 연산자는 조건에 따라 값을 반환하는 특별한 연산자입니다. 삼항 연산자는 조건식 ? 참일 때 값 : 거짓일 때 값 형태로 구성되어 있습니다.

예를 들어, 조건식이 참이면 A를 반환하고 거짓이면 B를 반환하는 경우 다음과 같이 사용할 수 있습니다.


let result = (조건식) ? A : B;

여기서 조건식은 true 또는 false로 평가되는 표현식이며, 참일 때 반환할 값 A와 거짓일 때 반환할 값 B는 어떤 자료형이든 될 수 있습니다.

예제 코드:


let age = 20;
let message = (age >= 18) ? '성인입니다.' : '미성년자입니다.';document.getElementById('output').innerHTML = message;

위 예제 코드에서는 나이가 20세인 경우 ‘성인입니다.’가 출력되고, 18세 미만인 경우 ‘미성년자입니다.’가 출력됩니다.

프로그램언어 자바스크립트(JavaScript)에서의 삼항 연산자를 활용한 복수 조건 처리

자바스크립트에서의 삼항 연산자는 조건문을 간결하게 표현할 수 있는 방법 중 하나입니다. 삼항 연산자는 조건식 ? 참일 때의 값 : 거짓일 때의 값 형태로 사용됩니다. 이를 활용하여 복수 조건 처리를 할 수 있습니다.

예를 들어, 나이에 따라 다른 메시지를 출력하는 경우를 살펴봅시다. 만약 나이가 18세 이상이면 ‘성인입니다.’, 18세 미만이면 ‘미성년자입니다.’를 출력하는 코드를 삼항 연산자로 작성하면 다음과 같습니다.


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

위 코드에서는 age 변수의 값이 20이므로 조건식 age >= 18은 참이 되어 ‘성인입니다.’가 message 변수에 할당됩니다.

복수 조건 처리를 위해서는 중첩된 삼항 연산자를 사용할 수 있습니다. 예를 들어, 나이와 성별에 따라 다른 메시지를 출력하는 경우를 살펴봅시다. 만약 나이가 18세 이상이고 성별이 ‘남성’이면 ‘성인 남성입니다.’, 그 외의 경우는 ‘미성년자 또는 여성입니다.’를 출력하는 코드를 작성하면 다음과 같습니다.


let age = 20;
let gender = '남성';
let message = (age >= 18) ? (gender === '남성' ? '성인 남성입니다.' : '미성년자 또는 여성입니다.') : '미성년자 또는 여성입니다.';
console.log(message); // 출력: '성인 남성입니다.'

위 코드에서는 나이가 20세이고 성별이 ‘남성’이므로 첫 번째 조건식은 참이 되고, 두 번째 조건식도 참이 되어 ‘성인 남성입니다.’가 message 변수에 할당됩니다.

프로그램언어 자바스크립트(JavaScript)에서의 삼항 연산자를 활용한 변수 할당

프로그램언어 자바스크립트(JavaScript)에서의 삼항 연산자를 활용한 변수 할당은 조건에 따라 변수에 값을 할당하는 방법입니다.

예를 들어, 조건문을 사용하여 변수에 값을 할당하는 일반적인 방법은 다음과 같습니다.


let score = 80;
let result;if (score >= 60) {
  result = 'Pass';
} else {
  result = 'Fail';
}

하지만 삼항 연산자를 사용하면 위의 코드를 간단하게 표현할 수 있습니다.


let score = 80;
let result = (score >= 60) ? 'Pass' : 'Fail';

위의 코드에서 삼항 연산자는 조건문(score >= 60)을 평가하여 참이면 ‘Pass’를 result 변수에 할당하고, 거짓이면 ‘Fail’를 할당합니다.

프로그램언어 자바스크립트(JavaScript)에서의 중첩된 삼항 연산자 사용법

프로그램언어 자바스크립트(JavaScript)에서의 중첩된 삼항 연산자는 조건문을 간결하게 표현할 수 있는 방법입니다. 중첩된 삼항 연산자는 다중 조건을 처리할 때 유용하며, 코드를 더 읽기 쉽게 만들어줍니다.

중첩된 삼항 연산자의 일반적인 구조는 다음과 같습니다:


condition1 ? result1 : condition2 ? result2 : result3;

위의 구조에서 condition1이 참이면 result1을 반환하고, condition1이 거짓이면 condition2를 평가하여 참이면 result2를 반환하고 거짓이면 result3를 반환합니다.

아래는 중첩된 삼항 연산자를 사용한 예제 코드입니다:


let age = 25;
let isAdult = age >= 18 ? '성인' : age >= 13 ? '청소년' : '어린이';// 위 코드는 나이에 따라 '성인', '청소년', '어린이' 중 하나를 isAdult 변수에 할당합니다.
// age가 18 이상이면 '성인', 13 이상이면 '청소년', 미만이면 '어린이'가 할당됩니다.

프로그램언어 자바스크립트(JavaScript)에서의 삼항 연산자와 if문 비교

프로그램언어 자바스크립트(JavaScript)에서의 삼항 연산자와 if문은 조건에 따라 코드를 실행하거나 값을 반환하는 데 사용됩니다.

삼항 연산자는 조건식 ? 참일때의 값 : 거짓일때의 값 형태로 작성되며, 간단한 조건문을 한 줄로 표현할 때 유용합니다.


let age = 20;
let message = (age >= 18) ? '성인입니다' : '미성년자입니다';
console.log(message);

위 예제에서는 나이가 18세 이상인 경우 ‘성인입니다’를 출력하고, 그렇지 않은 경우 ‘미성년자입니다’를 출력합니다.

반면에 if문은 조건식을 통해 코드 블록을 실행하거나 건너뛸 수 있습니다. 복잡한 조건을 다룰 때나 여러 개의 조건을 처리해야 할 때 주로 사용됩니다.


let temperature = 25;
if (temperature > 30) {
    console.log('더워요');
} else if (temperature < 10) {
    console.log('추워요');
} else {
    console.log('적당해요');
}

위 예제에서는 온도에 따라 다른 메시지를 출력하는 if문을 사용하였습니다. 온도가 30도 이상이면 '더워요', 10도 미만이면 '추워요', 그 외에는 '적당해요'를 출력합니다.

Leave a Comment