[ES6 기초] for ...of 반복문

for ...of 반복문

 

let arr = [1,2,3,4,5];
for(let i in arr){
    console.log(arr[i]);
}

위처럼 하게 되면 

i는 arr length 만큼 반복함
그래서 i는 위같은 경우에는 01234 이렇게 증가하게 된다.

 

fo문에 in을 사용하게 되면 arr[i]를 해야지만 배열에 접근이 가능하지만 

of를 쓰게 되면 i만 사용해도 접근을 할수 잇다.

 

ex)

//for of 반복문
let arr = [1,2,3,4,5];
for(let i of arr){
    console.log(i);
}

근데 이게 배열에서는 of를 사용해서 출력이 가능하지만
객체와 같은 경우에는 에러가 난다. 그래서 객체는 in을 사용해야 한다.

ex)

let obj = {
    a: 1,
    b: 2,
    c: 3
}
for(let i in obj){
    console.log(obj[i]);
}

이렇게 하면 결과값은 아래와 같다.

 

1

2

3

 

하지만 값이 아닌 변수명을 가져오고 싶으면 아래와 같이 하면 된다.

let obj = {
    a: 1,
    b: 2,
    c: 3
}
for(let i in obj){
    console.log(i);
}   

이렇게 하면 결과 값은 아래와 같다.

 

a

b

c