[JavaScript] for, forEach

for

 

초깃값(index) 부터 시작해서 조건(condition)을 만족시킬 때까지 증가 또는 감소(final-expression)하면서 계속 반복합니다.

 

for( 초기값; 조건; 증감;){
	statement
}

for(var i = 0; i < 10; i++){
	console.log(i);
}

forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다.

하지만 for문처럼 index와 조건식, increase를 정의하지 않아도 callback 함수를 통해 기능을 수행할 수 있습니다.

 

forEach

forEach는 배열 객체 메서드 입니다.

forEach는 for문과 마찬가지로 반복적인 기능을 수행하는데 사용합니다.

하지만 for문처럼초깃값(index) 와 조건(condition), 증가 또는 감소(final-expression)를 정의하지 ㅇ낳아도

callback 함수를 통해 기능을 수행할 수 있다. 

배열을 반복하므로 중간에 'break'를 사용할 수 없습니다. 

 

array.forEach(callback(currentvalue[, index[, array]])[, thisArg])

currentvale: 처리할 현재 요소,

index: 처리할 현재 요소의 인덱스,

array: forEach()를 호출한 배열,

thisArg callback을 실행할 때 this로 사용할 값

const array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

array.forEach(function(element){
	console.log(element)
});

array 객체의 element들이 callback 함수에 순서대로 호출되는 모습을 볼 수 있습니다. 

 

주의할 점 

 

위에서 언급하였지만, for문은 continue나 break로 반복을 제어할 수 있지만

forEach는 throw(예외)를 발생시키지 않으면 중간에 break를 사용할 수 없다

 

만약 조건을 만족할 때 까지만 반복시켜야 한다면 기존 for문을 사용하여야 한다. 

 

 

참고

 

• Moziila - forEach()