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

자바스크립트의 다양한 개념을 이해하는 것은 중요합니다. 이번에는 새로운 개념을 포함한 일곱 번째 퀴즈를 준비했습니다. 코드를 먼저 살펴보고, 문제를 풀어보세요!

---

퀴즈를 위한 코드

function reverseString(str) {
    if (typeof str !== 'string') {
        return "Invalid input";
    }
    return str.split("").reverse().join("");
}

console.log(reverseString("hello"));
console.log(reverseString("JavaScript"));
console.log(reverseString(12345));
console.log(reverseString(""));

---

 

 

퀴즈 문제

1. 위 코드를 실행하면 콘솔에 어떤 출력이 나올까요?
   • a) "olleh", "tpircSavaJ", "Invalid input", ""
   • b) "olleh", "tpircSavaJ", "54321", ""
   • c) "hello", "JavaScript", "Invalid input", ""
   • d) 오류 발생
2. str.split("").reverse().join("")의 역할은 무엇일까요?
   • a) 문자열을 거꾸로 뒤집는다.
   • b) 문자열을 대문자로 변환한다.
   • c) 문자열에서 특정 문자를 제거한다.
   • d) 문자열을 배열로 변환하고 다시 문자열로 변환하지만 순서는 유지한다.

---

 

 

 

 

 

 

정답 및 해설

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

console.log(reverseString("hello")); // "olleh"
console.log(reverseString("JavaScript")); // "tpircSavaJ"
console.log(reverseString(12345)); // "Invalid input"
console.log(reverseString("")); // ""

• reverseString("hello") → split("")로 문자 배열로 변환 후 reverse()를 실행하고, join("")으로 다시 문자열로 변환하여 "olleh" 반환
• reverseString("JavaScript") → 동일한 원리로 "tpircSavaJ" 반환
• reverseString(12345) → 입력이 문자열이 아니므로 "Invalid input" 반환
• reverseString("") → 빈 문자열은 그대로 반환

정답: ✅ a) "olleh", "tpircSavaJ", "Invalid input", ""

2번 문제 해설 (str.split("").reverse().join("")의 역할)

• split("") → 문자열을 문자 하나하나 쪼개어 배열로 변환
• reverse() → 배열의 순서를 뒤집음
• join("") → 배열을 다시 문자열로 합침
• 결과적으로 주어진 문자열을 거꾸로 뒤집는 역할을 함

정답: ✅ a) 문자열을 거꾸로 뒤집는다.

---

 

 

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

• typeof 연산자
• 문자열 다루기 (split(), reverse(), join() 메서드)
• 배열 메서드 (reverse())
• 조건문 (if 문)

---

끝