배열의 반복 (1) - forEach()

만약 우리에게 상품 리스트가 있을때 각각 어떤 상품이 있는지 알아보는 게 주 목적일 것이다. 매 행을 체크하면서 훑는 것이 for문을 통해 보는 것이지만, 배열이라면 배열 메소드에 있는 것으로 더 쉽게 볼 수 있다. 

가장 많이 쓰이는 것은 forEach(), map(), filter()가 있으며, 이번 글에서는 forEach()를 다룬다. 

 

배열.forEach()

위의 예문을 구현하면 아래와 같다. 

var fruit = ["사과", "바나나", "포도", "복숭아"]; 

fruit.forEach( function(item) {
	console.log("- ", item);
});

// output:
// -  사과
// -  바나나
// -  포도
// -  복숭아

for문과 달리 몇 개의 인덱스가 있는지 지정해줄 필요 없이, forEach가 배열의 숫자만큼 반복해준다. 

forEach()는 인자로 콜백함수를 갖으며, 자동적으로 실행된다. 

혹은 콜백함수를 따로 선언함으로 원할 때 forEach()의 결과값을 불러올 수도 있다. 

var fruit = ["사과", "바나나", "포도", "복숭아"]; 

function showList(item) {
	console.log("- ", item);
}

fruit.forEach(showList);