[ Javascript ] for of 반복문

for of반복문

for in반복문에 배열을 넣으면, 앞의 반복 변수에 '요소'가 아니라 '인덱스'가 들어갑니다.

for of반복문은 내부의 요소를 바로 넣어 활용할 수 있습니다. for in과 비슷한 형태이지만, 반복 변수에 '요소'가 들어갑니다.

 

for in반복문

var array = [1, 2, 3, 4];

for(var i in array) {
    alert(i + '번째 요소는 ' + array[i] + '입니다.');
}

 

for of반복문

for(var el of ['String', 2, 3, 4]) {
    alert('요소는' + el + '입니다.');
}

for of반복문은 ECMAScript6에서 추가된 기능입니다.

for of반복문은 현재 몇 번을 반복했는지 알 수 없기 때문에, 따로 변수를 만들어서 확인해야 합니다.

 

for of반복문에서 반복 횟수 확인 예

var i = 0;
var array = [1, 2, 3, 4];

for(var el of array) {
    alert(`${i}번째 요소는 ${el}입니다.`);
    i++;
}

코드가 복잡해 진것처럼 보일 수 있지만, 상황에 맞게 잘 활용하면 코드를 깔끔하게 사용할 수 있습니다.