자바스크립트에서 for…of 문은 이터러블 객체에 대해 반복 작업을 수행하는 데 사용됩니다. 이터러블 객체는 Symbol.iterator 메서드를 구현한 객체로, 배열, 문자열, set, map 등이 이에 해당합니다.

for…of 문은 간편하게 이터러블 객체를 순회하며 요소를 하나씩 가져올 수 있습니다. 예를 들어, 배열을 순회하는 경우 다음과 같이 사용할 수 있습니다:

const array = [1, 2, 3, 4, 5];

for (const element of array) {
  console.log(element);
}

위의 코드는 배열 array의 각 요소를 순서대로 출력합니다. 출력 결과는 다음과 같습니다:

1
2
3
4
5

for…of 문은 순회할 때마다 이터러블 객체의 다음 요소를 가져옵니다. 따라서 내부적으로 인덱스나 반복 횟수와 같은 추가적인 로직을 작성하지 않아도 됩니다.

또한, for…of 문은 객체의 키-값 쌍이 아닌 값 자체만을 가져옵니다. 객체를 순회할 때는 Object.keys() 메서드를 사용하여 객체의 키를 배열로 만든 후 for…of 문으로 순회해야 합니다.

for…of 문은 다양한 이터러블 객체와 함께 사용할 수 있으며, 코드의 가독성과 간결성을 높여주는 좋은 기능입니다.

#JavaScript #iterable