[javascript] 자바스크립트 코드 읽기 연습 - 초급 퀴즈13

자바스크립트의 삼항 연산자(? :)는 if-else 문을 간결하게 작성할 수 있도록 도와줍니다. 이번 퀴즈에서는 삼항 연산자의 사용법을 배워보겠습니다. 코드를 분석하고, 문제를 풀어보세요!

---

퀴즈를 위한 코드

function checkNumber(num) {
    return num > 0 ? "Positive" : num < 0 ? "Negative" : "Zero";
}

console.log(checkNumber(10));
console.log(checkNumber(-5));
console.log(checkNumber(0));
console.log(checkNumber("3"));

---

퀴즈 문제

1. 위 코드를 실행하면 콘솔에 어떤 출력이 나올까요?
   • a) "Positive", "Negative", "Zero", "Positive"
   • b) "Positive", "Negative", "Zero", "Zero"
   • c) "Positive", "Negative", "Zero", undefined
   • d) 오류 발생
2. 삼항 연산자(? :)의 기본 동작 원리는 무엇인가요?
   • a) if-else 문을 더 길게 작성할 수 있도록 변환하는 연산자이다.
   • b) 조건이 true일 경우 앞의 값을, false일 경우 뒤의 값을 반환한다.
   • c) 숫자를 비교하여 자동으로 정렬하는 연산자이다.
   • d) 변수의 값을 변경하지 못하도록 고정하는 역할을 한다.

---

 

 

 

 

 

 

 

 

정답 및 해설

1번 문제 해설 (출력 결과 예상)

console.log(checkNumber(10)); // "Positive"
console.log(checkNumber(-5)); // "Negative"
console.log(checkNumber(0)); // "Zero"
console.log(checkNumber("3")); // "Positive" (문자열 "3"은 숫자로 변환되어 비교됨)

• checkNumber(10) → num > 0이 true이므로 "Positive" 반환
• checkNumber(-5) → num < 0이 true이므로 "Negative" 반환
• checkNumber(0) → num이 0이므로 "Zero" 반환
• checkNumber("3") → 문자열 "3"이 숫자로 변환되면서 3 > 0이 true가 되어 "Positive" 반환됨

정답: ✅ a) "Positive", "Negative", "Zero", "Positive"

2번 문제 해설 (삼항 연산자의 동작 원리)

• 삼항 연산자는 조건 ? 값1 : 값2 형태로 사용됩니다.
• 첫 번째 조건이 true이면 값1을 반환하고, false이면 값2를 반환합니다.
• 중첩된 형태로 사용하면 여러 개의 if-else를 한 줄로 표현할 수도 있습니다.

정답: ✅ b) 조건이 true일 경우 앞의 값을, false일 경우 뒤의 값을 반환한다.

---

 

 

이 문제를 풀기 위해 필요한 자바스크립트 개념

• 삼항 연산자의 기본 문법 (? :)
• if-else 문과의 비교
• 타입 변환 (문자열이 숫자로 변환되는 과정)
• 조건문을 간결하게 표현하는 방법

---

끝