[ES6] For of 문 이터러블 규약

    For of

---

for.. of문은 기존에 배열이나 함수의 arguments 객체와 같은 컬렉션을 순회하는 for..in 문이나 forEach()함수 같은 역활을 한다.

문자열을 한 글자씩 잘라 순회하는 것도 가능해졌다. 이터러블 규약을 따라야만 하고 for..of 문으로 순회하려면 @@iterator 메서드를

내장한 객체이거나, 직접 @@iterator 메서드를 구현해야 한다. @@iterator : Sybol.irerator() 줄임말.

for(variables of iterable){
}

for of는 for in 문의 단점을 보안했다. 배열을 for .. in 문으로 순회하고 원소의 index를 얻어 index + 1 과 같은 연산처리를 하였을 떄

1 + 1 = 2 가 아닌 '1' + 1 ='11'의 결과가 나온다.

var arr = [1, 2, 3];
 
for(var i in arr){
    console.log(i + 1) // 11, 21, 31
}

for .. of 문은 위의 문제점을 개선하였고, 배열 순회시에 직관적으로 원소의 값만 전달한다.

let arr =[10, 20, 30];
arr.add = 100;
 
for(let value of arr){
        console.log(value) //10 20 30
}