for...of 루프
Coddy JavaScript 여정의 기초 섹션에 포함된 레슨 — 77개 중 65번째.
for...of 루프는 배열, 문자열, 맵, 셋 등과 같은 반복 가능한 객체(iterable objects)의 값을 순회하는 간단한 방법을 제공합니다. 이는 forEach의 간결함과 break 및 continue를 사용할 수 있는 기능을 결합한 것입니다.
다음은 for...of 루프의 기본 구문입니다:
for (const element of iterable) {
// 각 요소에 대해 실행될 코드
}element: 각 반복마다, 반복 가능한(iterable) 객체로부터 다음 값이 이 변수에 할당됩니다.iterable: 요소들이 반복되는 객체입니다 (예: 배열 또는 문자열).
다음은 배열을 사용한 예시입니다:
const fruits = ["apple", "banana", "orange"];
for (const fruit of fruits) {
console.log(fruit);
}출력:
apple
banana
orange문자열을 사용한 또 다른 예제입니다:
const text = "hello";
for (const char of text) {
console.log(char);
}출력:
h
e
l
l
o전통적인 for 루프나 forEach 메서드와 비교했을 때, for...of는 특히 각 요소의 인덱스가 필요하지 않은 많은 일반적인 사용 사례에서 더 직관적인 구문을 제공합니다.
챌린지
쉬움문자열을 인자로 받아 문자열 내의 모음(a, e, i, o, u)의 개수를 반환하는 countVowels라는 이름의 함수를 작성하세요. 문자열의 문자를 순회하기 위해 for...of 루프를 사용하세요.
예를 들어:
countVowels("hello")는 2를 반환해야 합니다countVowels("javascript")는 3을 반환해야 합니다
대문자도 포함하여 계산하세요!
치트 시트
for...of 루프는 배열이나 문자열과 같은 반복 가능한(iterable) 객체의 값을 순회하는 간단한 방법을 제공합니다. 이는 forEach의 간결함과 break 및 continue를 사용할 수 있는 능력을 결합한 것입니다.
기본 구문:
for (const element of iterable) {
// 각 요소에 대해 실행될 코드
}배열을 사용한 예시:
const fruits = ["apple", "banana", "orange"];
for (const fruit of fruits) {
console.log(fruit);
}문자열을 사용한 예시:
const text = "hello";
for (const char of text) {
console.log(char);
}직접 해보기
function countVowels(str) {
// 여기에 코드를 작성하세요
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
