for in & for of - Javascript ES6

공통점 : 순회하고자 하는 객체의 길이만큼 반복

차이점 : 

1) 불러오는 값의 차이 (index or element)

fruits라는 Array 객체에 아이템을 ['사과', '오렌지', '배']로 초기화한다.

그 다음, fruits 객체를 for in을 사용하여 console.log로 각 값을 찍어보면?

var fruits = ['사과', '배', '오렌지'];
for (value in fruits) {
  console.log(value);
}

// 결과는 3회 반복으로 0, 1, 2가 String 값으로서 순차적으로 찍힐 것이다.

for of를 사용하면 각각 사과, 배, 오렌지의 값이 찍힌다.

2) Prototype의 순회
for in을 사용하게 되면, 반복하고자 하는 대상으로 지정한 객체(Array of Object...)가 기본적으로 가지고 있는 내부함수들과 직접추가한 함수들까지 포함하여 반복한다.

3) JSON 타입과 같은 객체의 순회
**for in을 사용하면 객체의 key 값에 대하여 반복할 수 있다.
for of의 경우, 순회하려는 대상이 'Symbol'이 아니면 에러를 발생시킨다. 만약 순회하고하 한다면, Object.keys(object)와 같은 Array 객체에 대하여 순회하도록 해주면 가능하다.