배열 내장함수 (forEach)

jiwonSong·2020년 7월 13일
0

javascript

목록 보기
12/23
post-thumbnail

이 문서는 fastcampus 강의 를 듣고 정리한 문서입니다. 문제가 있을 경우 이곳으로 문의주세요! 😀


배열을 사용할때 이용하면 매우 유용한 배열 내장함수.

배열 안의 원소를 가지고 일괄적으로 어떤 작업을 해줄때 forEach() 함수를 사용하면 편리하다.

const superheros = ['아이언맨', '캡틴 아메리카', '토르', '블랙팬서'];

for (let i=0; i<superheros.length; i++) {
	console.log(superheros[i]);
}	

위 코드를 실행시키면 배열의 모든 원소가 출력됨.

위와 똑같은 결과를 내장함수 forEach() 를 사용하면.

const superheros = ['아이언맨', '캡틴 아메리카', '토르', '블랙팬서'];

function print(hero) {
	console.log(hero);
}

superheros.forEach(print); 	//위에서 만든 함수를 forEach() 함수의 파라미터로 입력
				//위와 동일한 결과 나옴!!

위 코드에서 print함수를 정의하지 않고 바로 forEach() 함수 내에서 함수를 정의할 수 있다.

//생략...
superheros.forEach(function(hero) {
	console.log(hero);
});

혹은 화살표 함수를 사용하면 더욱 간결하게 표현이 가능하다!
//생략...
superheros.forEach((hero) => {
	console.log(hero);
});





profile
하루하루 성장하려 노력하는 FE 개발자 입니다~

0개의 댓글