forEach()

forEach()은 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행한다.

삭제하거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않는다. ( ex : 희소 배열 )

 

callback은 다음 세 인수와 함께 호출된다.

- 요소 값

- 요소 인덱스

- 순회 중인 배열

 

forEach()는 for()문과 마찬가지로 반복적인 기능을 수행할 때 사용된다. 하지만 for()문처럼 조건식을 정의하지 않아도 callback 함수를 통해 기능을 수행할 수 있다.

 

forEach() 사용법

var user = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

user.forEach(function(element){
	console.log(element); // 0 1 2 3 4 5 6 7 8 9 10
}

// ES6 화살표 함수 사용 시
user.forEach(element => {
    console.log(element);
});

user의 객체 요소들이 callback 함수에 순서대로 호출되는 것을 알 수 있다.

for()문보다 좀 더 깔끔하고 직관적이다.

 

 

callback 함수 인자

// forEach의 callback 함수에는 배열 요소 뿐 아니라 인덱스, 전체 배열을 인자로 사용할 수 있다.
var user = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

user.forEach(function(element, index, array) {
	console.log(array + '의' + index + '번째 요소 : ' + element);
});

// `` 백틱 사용하기
console.log(`${array}의 ${index}번째 요소 : ${element}`);