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

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

---

퀴즈를 위한 코드

function processString(str) {
    if (typeof str !== 'string') {
        return "Invalid input";
    }
    return str.trim().toUpperCase();
}

console.log(processString("  hello world  "));
console.log(processString(12345));
console.log(processString(" JavaScript "));
console.log(processString(""));

---

 

퀴즈 문제

1. 위 코드를 실행하면 콘솔에 어떤 출력이 나올까요?
   • a) "HELLO WORLD", "Invalid input", "JAVASCRIPT", ""
   • b) "HELLO WORLD", "Invalid input", " JAVASCRIPT ", "Invalid input"
   • c) " HELLO WORLD ", "Invalid input", " JAVASCRIPT ", ""
   • d) 오류 발생
2. str.trim().toUpperCase() 코드의 역할은 무엇일까요?
   • a) 문자열의 공백을 제거하고 대문자로 변환한다.
   • b) 문자열을 그대로 반환한다.
   • c) 문자열을 대문자로 변환한 후 뒤에 "!"를 붙인다.
   • d) 문자열의 길이를 반환한다.

---

 

 

 

 

 

 

 

 

정답 및 해설

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

console.log(processString("  hello world  ")); // "HELLO WORLD"
console.log(processString(12345)); // "Invalid input"
console.log(processString(" JavaScript ")); // "JAVASCRIPT"
console.log(processString("")); // ""

• processString(" hello world ") → .trim()을 사용해 앞뒤 공백을 제거하고, .toUpperCase()로 대문자로 변환하므로 "HELLO WORLD" 반환
• processString(12345) → typeof str !== 'string'이므로 "Invalid input" 반환
• processString(" JavaScript ") → .trim()으로 공백 제거 후 .toUpperCase() 적용하여 "JAVASCRIPT" 반환
• processString("") → 빈 문자열은 변하지 않으므로 그대로 반환

정답: ✅ a) "HELLO WORLD", "Invalid input", "JAVASCRIPT", ""

2번 문제 해설 (str.trim().toUpperCase()의 역할)

• trim()은 문자열의 앞뒤 공백을 제거합니다.
• toUpperCase()는 문자열을 대문자로 변환합니다.
• 따라서 이 코드는 입력 문자열에서 앞뒤 공백을 제거하고, 대문자로 변환하는 역할을 합니다.

정답: ✅ a) 문자열의 공백을 제거하고 대문자로 변환한다.

---

끝