[JavaScript] 반복문 foreach 문 , for in 문, for of 문?

JavaScript에서는 반복된 요소를 꺼내기 위해서 3가지 함수를 제공하고 있습니다.

 

---

* foreach

foreach 반복문은 Array객체에서 사용할 수 있습니다.

배열의 요소를 첫번째부터 마지막까지 반복하면서 element를 꺼내 사용할 수 있습니다.

 

var arr= ['사과', '배', '포도', '감'];

arr.forEach(function(item , index, array){
	console.log( index+"번째 과일:" + item);
});
// item는 배열에 들어있는 객체
// index는 배열의 index
// array는 arr과 같습니다.

해당 구문을 for문으로 변경하면 다음과 같습니다.

 

var arr= ['사과', '배', '포도', '감'];

for(var i=0 ; i< arr.length ; i++){
	console.log( i+"번째 과일:" + arr[i]);
}

 

잘 비교해서 foreach문으로 사용하면 편리하게 사용할 수 있습니다.

 

---

* for in

for in 문은 객체가 가지고있는 모든 요소를 뽑아내기에 편리합니다.

var arr= ['사과', '배', '포도', '감'];

for( var index in arr){
	console.log( index+"번째 과일:" + arr[index]);
}

위의 결과와 동일한 결과를 뽑아내기 위한 코드입니다.

하지만 for in문은 다른 점이 있습니다.

var arr= ['사과', '배', '포도', '감'];
arr.test = '당근';

for( var index in arr){
	console.log( index+"번째 과일:" + arr[index]);
}

위 코드를 실행시켜보면 arr요소 말고도 열거 가능한 모든 속성에 대해 뽑아낼 수 있는 장점이 있습니다.

이것은 for of문과 가장 큰 차이점입니다.

 

---

* for of

 

for of 문은 배열이 가지고있는 반복되는 요소를 뽑아내기 편리합니다.

 

var arr= ['사과', '배', '포도', '감'];
var index = 0;
for( var item of arr){
	console.log( index++ +"번째 과일:" + item);
}

for of 문은 배열이 가지고 있는 value값 만을 뽑아낼때 사용하면 좋습니다.