자바스크립트에는 배열의 각 요소를 순회하고 처리할 수 있는 여러가지 방법이 있습니다. 그 중에서 for…of 반복문은 간편하고 직관적인 방법으로 배열의 요소를 순회할 수 있습니다.

const fruits = ['apple', 'banana', 'cherry'];

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

위 코드에서 볼 수 있듯이, for…of 반복문을 사용하여 fruits 배열의 각 요소를 출력하는 간단한 예제입니다. for…of 반복문은 for 키워드와 함께 사용되며, 각 반복에서 fruits 배열의 요소가 변수 fruit에 할당되어 순차적으로 처리됩니다.

이러한 방식으로 for…of 반복문을 사용하면 forEach() 메서드나 기존의 for 반복문과 비교해서 더 간결하고 가독성이 좋은 코드를 작성할 수 있습니다.

for…of 반복문을 통해 배열의 각 요소를 순회하여 처리하고 싶을 때는 for…of 반복문을 사용하는 것이 좋은 선택일 수 있습니다.

이상으로 for…of 반복문을 이용한 배열 요소 순회하기에 대해 알아보았습니다.

MDN Web Docs - for…of