for...of 루프

for...of 루프는 배열, 문자열, 맵, 세트 등의 반복 가능한 객체의 값을 순회하는 간단한 방법을 제공합니다. forEach의 간결함과 break 및 continue를 사용할 수 있는 기능을 결합합니다.

다음은 for...of 루프의 기본 구문입니다.

for (const element of iterable) {
    // 각 element에 대해 실행할 코드
}

• element: 각 반복에서 반복 가능한 객체의 다음 값이 이 변수에 할당됩니다.
• 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는 많은 일반적인 사용 사례에서 더 간단한 구문을 제공합니다. 특히 각 요소의 인덱스가 필요하지 않을 때 유용합니다.