for...of 루프는 배열이나 이터러블 객체를 반복 처리하는 간편한 방법을 제공합니다. 이 루프를 사용하면 배열의 각 항목을 순회하거나 이터러블 객체의 각 엘리먼트에 접근할 수 있습니다. 이 블로그에서는 TypeScript에서 for...of 루프의 개념과 사용법에 대해 다루겠습니다.

for...of 루프란?

for...of 루프는 배열의 값을 가져올 때 인덱스를 다룰 필요 없이 편리하게 사용할 수 있는 구문입니다.

let fruits: string[] = ["apple", "banana", "orange"];

for (let fruit of fruits) {
    console.log(fruit);
}

위 코드에서 for...of 루프를 사용하여 fruits 배열의 각 요소를 출력합니다.

배열과 이터러블 객체의 사용

TypeScript에서 for...of 루프는 배열 및 이터러블 객체에 대해 사용할 수 있습니다. 이터러블 객체는 Symbol.iterator 메서드를 구현하여 반복 가능한 객체로 만들 수 있습니다.

예시

다음은 for...of 루프를 이용하여 배열과 이터러블 객체를 처리하는 예시입니다.

배열

let numbers: number[] = [1, 2, 3, 4, 5];

for (let number of numbers) {
    console.log(number);
}

이터러블 객체

let iterableObj = {
    [Symbol.iterator]() {
        let index = 0;
        return {
            next() {
                if (index < 3) {
                    return { value: index++, done: false };
                } else {
                    return { done: true };
                }
            }
        };
    }
};

for (let value of iterableObj) {
    console.log(value);
}

위 코드에서 iterableObj는 이터러블 객체를 나타냅니다. 해당 객체는 Symbol.iterator 메서드를 구현하고 있어 for...of 루프를 통해 순회할 수 있습니다.

for...of 루프를 사용하면 배열과 이터러블 객체를 보다 간편하게 다룰 수 있습니다.

for...of 루프의 개념과 사용법에 대해 알아보았습니다. 이제 TypeScript에서 for...of 루프를 활용하여 코드를 작성해 보세요!