foreach, for in, for of

forEach

오직 Array 객체에서만 사용가능한 메서드
foreach구문의 인자로 callback함수를 등록할 수 있고 배열의 각 요소들이 반복될 때 이 callback 함수가 호출됩니다.

let arr = ['가', '나', '다', '라' ];

arr.forEach(function(item, index, arr2){
	console.log(item, index, arr2[index+1]);
})
// 첫번째 인수는 배열 각각의 item
// 두번째 인수는 배열의 index
// 세번째 인수는 배열 그 자체

for in 반복문(객체 순환)

객체에 사용 할 수 있습니다.
객체의 key값과 value 값을 뽑아내는데 유용하며 키 값의 갯수만큼 반복하여 첫번째키부터 마지막 키값까지 반복합니다.
배열도 객체입니다.

var obj = {
	a: '가',
    b: '나',
    c: '다'
};

for(var key in obj){
	console.log(key, obj[key]); // a 가, b 나, c 다
}

for of 반복문

ES6에 추가된 새로운 컬렉션 전용 반복 구문
for of 구문을 사용하기 위해선 컬렉션 자체가 [Symbol.iterator] 속성을 가지고 있어야만 합니다.

var iterable = [10, 20, 30];

for(var value of iterable){
	console.log(value); // 10, 20, 30
}

for in 반복문과 for of 반복문의 차이

for in: 객체의 모든 열거 가능한 속성(property)에 대한 반복
for of: [Symbol.iterator] 속성을 가지는 컬렉션 전용