[Javascript] for of 반복문

for of 반복문

for of 반복문은 배열, 문자열, 맵과 같은 반복 가능한 객체를 더 쉽게 반복할 수 있도록 ES6에서 새롭게 도입된 기능입니다. 사용 방법은 다음과 같습니다.

 

배열 반복

배열로부터 for of 문을 사용하여 배열의 요소를 반복해 출력하는 예시입니다.

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}

실행결과는 다음과 같습니다.

1
2
3

 

문자열 반복

"Hello" 값을 가진 문자열로부터 str을 for of 문을 사용하여 문자를 반복해 출력하는 예시입니다.

const str = "Hello";
for (const char of str) {
  console.log(char); "H", "e", "l", "l", "o"
}

실행결과는 다음과 같습니다.

H
e
l
l
o

 

맵 반복

세 개의 키-값 쌍이 있는 map으로부터 for or 문을 사용하여 맵의 항목을 반복해 출력하는 예시입니다.

const map = new Map([["a", 1], ["b", 2], ["c", 3]]);
for (const [key, value] of map) {
  console.log(key, value);
}

실행결과는 다음과 같습니다.

a 1
b 2
c 3

 

 

for문 대비 for of문의 장점

기존 for문 대비 for of 문의 주요 장점은 배열이나 반복 가능한 객체를 반복할 때 더 간단하고 읽기 쉬운 구문을 제공한다는 점입니다.

 

for...of 문을 사용하면 배열 인덱스를 참조하거나 배열의 길이를 계산할 필요 없이 배열 요소의 값에 직접 액세스할 수 있습니다. 자바스크립트를 처음 접하는 개발자에게는 for of문을 사용하는 것이 코드를 더 직관적이고 이해하기 쉽게 만듭니다.