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

자바스크립트의 기본 개념을 익히는 것은 매우 중요합니다. 이번에는 문자열과 배열 메서드를 활용한 문제를 준비했습니다. 코드를 분석하고, 문제를 풀어보세요!

---

퀴즈를 위한 코드

function capitalizeWords(str) {
    if (typeof str !== 'string') {
        return "Invalid input";
    }
    return str.split(" ").map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
}

console.log(capitalizeWords("hello world"));
console.log(capitalizeWords("javascript is fun"));
console.log(capitalizeWords(12345));
console.log(capitalizeWords(""));

---

퀴즈 문제

1. 위 코드를 실행하면 콘솔에 어떤 출력이 나올까요?
   • a) "Hello World", "Javascript Is Fun", "Invalid input", ""
   • b) "Hello World", "Javascript Is Fun", undefined, ""
   • c) "hello world", "javascript is fun", "Invalid input", ""
   • d) "HELLO WORLD", "JAVASCRIPT IS FUN", "Invalid input", ""
2. str.split(" ").map(...) 코드의 역할은 무엇인가요?
   • a) 문자열을 공백 기준으로 나눈 후, 각 단어의 첫 글자를 대문자로 변환한다.
   • b) 문자열을 배열로 변환한 후, 모든 글자를 대문자로 변환한다.
   • c) 문자열에서 특정 문자를 제거한다.
   • d) 문자열을 뒤집는다.

---

 

 

 

 

 

 

 

정답 및 해설

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

console.log(capitalizeWords("hello world")); // "Hello World"
console.log(capitalizeWords("javascript is fun")); // "Javascript Is Fun"
console.log(capitalizeWords(12345)); // "Invalid input"
console.log(capitalizeWords("")); // ""

• capitalizeWords("hello world") → 각 단어의 첫 글자를 대문자로 변환하여 "Hello World" 반환
• capitalizeWords("javascript is fun") → 각 단어의 첫 글자를 대문자로 변환하여 "Javascript Is Fun" 반환
• capitalizeWords(12345) → 입력이 문자열이 아니므로 "Invalid input" 반환
• capitalizeWords("")) → 빈 문자열이므로 그대로 반환

정답: ✅ a) "Hello World", "Javascript Is Fun", "Invalid input", ""

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

• split(" ") → 문자열을 공백 기준으로 나누어 배열로 변환
• map(word => word.charAt(0).toUpperCase() + word.slice(1)) → 각 단어의 첫 글자를 대문자로 변환
• join(" ") → 변환된 단어들을 다시 하나의 문자열로 결합

정답: ✅ a) 문자열을 공백 기준으로 나눈 후, 각 단어의 첫 글자를 대문자로 변환한다.

---

 

 

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

• 문자열 다루기 (split(), join() 메서드)
• 배열 메서드 (map() 활용)
• 문자열 인덱싱 (charAt()과 slice() 활용)
• typeof 연산자를 사용한 입력 검증

---

끝