[JavaScript] 삼항 연산자로 값 여러개 비교하기

1. 삼항 연산자로 세 개의 값 비교하기

기본적으로 삼항 연산자는 두 개의 값 중 하나를 선택하는 용도로 사용됩니다. 하지만 중첩 삼항 연산자를 활용하면 세 개 이상의 값을 비교할 수도 있습니다.

예제 : 세 개의 숫자 중 가장 큰 값 찾기

See the Pen 세 개의 숫자 중 가장 큰 값 찾기 by saladent (@saladent) on CodePen.

위 코드를 분석하면 다음과 같은 흐름으로 실행됩니다:

1. a > b를 먼저 비교
2. true라면 a > c 비교 후 결과 반환
3. false라면 b > c 비교 후 결과 반환

이렇게 하면 max 변수에 세 개의 숫자 중 가장 큰 값이 할당됩니다.

 

 

2. 삼항 연산자로 세 개의 값 정렬하기

삼항 연산자는 비교 연산과 결합하여 값을 정렬하는 데도 사용할 수 있습니다.

 

예제 : 오름차순 정렬

See the Pen 오름차순 정렬 by saladent (@saladent) on CodePen.

위 코드는 삼항 연산자를 활용하여 세 개의 숫자를 오름차순으로 정렬합니다.

 

 

3. 삼항 연산자를 활용한 조건별 메시지 출력

삼항 연산자는 UI 개발에서도 유용하게 활용됩니다. 예를 들어, 사용자 점수에 따라 다른 메시지를 출력하는 경우를 생각해 보겠습니다.

 

예제 : 점수에 따른 메시지 출력

See the Pen 점수에 따른 메시지 출력 by saladent (@saladent) on CodePen.

여기서는 score 값이 90 이상이면 "우수", 70 이상이면 "보통", 그렇지 않으면 "미흡"을 출력합니다.

 

 

4. 삼항 연산자 사용 시 주의할 점

• 가독성 유지: 삼항 연산자를 중첩해서 사용할 경우 가독성이 떨어질 수 있으므로, 가급적 짧고 직관적인 방식으로 작성하는 것이 좋습니다.
• 괄호 사용: 중첩 삼항 연산자는 괄호를 적절히 사용하여 코드의 흐름을 명확하게 만들어야 합니다.
• 단순한 경우에만 사용: 복잡한 조건문이 필요한 경우에는 if-else 문을 사용하는 것이 더 적절할 수 있습니다.