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

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

---

퀴즈를 위한 코드

function countVowels(str) {
    if (typeof str !== 'string') {
        return "Invalid input";
    }
    let count = 0;
    let vowels = "aeiouAEIOU";
    for (let char of str) {
        if (vowels.includes(char)) {
            count++;
        }
    }
    return count;
}

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

---

 

퀴즈 문제

1. 위 코드를 실행하면 콘솔에 어떤 출력이 나올까요?
   • a) 2, 3, Invalid input, 0
   • b) 2, 4, Invalid input, 0
   • c) 2, 3, Invalid input, Invalid input
   • d) 오류 발생
2. vowels.includes(char)의 역할은 무엇일까요?
   • a) char가 모음인지 확인한다.
   • b) char가 자음인지 확인한다.
   • c) 문자열의 길이를 반환한다.
   • d) 문자열을 대문자로 변환한다.

---

 

 

 

 

 

 

 

 

 

 

정답 및 해설

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

console.log(countVowels("hello")); // 2
console.log(countVowels("JavaScript")); // 3
console.log(countVowels(12345)); // "Invalid input"
console.log(countVowels("")); // 0

• countVowels("hello") → 'e'와 'o'가 모음이므로 2 반환
• countVowels("JavaScript") → 'a', 'a', 'i'가 모음이므로 3 반환
• countVowels(12345) → 입력이 문자열이 아니므로 "Invalid input" 반환
• countVowels("") → 빈 문자열이므로 0 반환

정답: ✅ a) 2, 3, "Invalid input", 0

2번 문제 해설 (vowels.includes(char)의 역할)

• includes() 메서드는 특정 문자가 문자열에 포함되어 있는지 확인하는 메서드입니다.
• vowels.includes(char)는 char가 모음 문자열(aeiouAEIOU)에 포함되어 있는지 확인하는 역할을 합니다.

정답: ✅ a) char가 모음인지 확인한다.

---

 

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

• typeof 연산자
• for...of 반복문
• includes() 메서드
• 문자열 다루기
• 조건문 (if 문)

---