[자바스크립트] for in / for of 반복문

for in / for of 반복문

다음과 같은 배열 arr이 있다고 합시다.

var arr = ['a', 'b', 'c', 'd'];

for in

for in 을 사용하면 변수에 arr의 index가 저장됩니다. 따라서 다음과 같이 사용하면

for(var i in arr) {
    alert(i + ': ' + arr[i]);
}

아래와 같이 alert 됩니다.

0: a
1: b
2: c
3: d

for of (ECMAScript 6 이상 사용 가능)

for of 를 사용하면 변수에 arr의 요소가 저장됩니다. 따라서 다음과 같이 사용하면

for(var element of arr) {
    alert(element);
}

아래와 같이 alert 됩니다.

a
b
c
d