Array.map() / Array.forEach()

arrow function은 callback 함수

callback함수는, 함수에 인자로 전달되는 함수

array의 반복문으로 사용되는 map, forEach => 배열관련 작업시 많이 사용

 

Array.map()

배열을 반복해준다. callback함수에서 return한 값으로 매요소를 수정한 결과를 모아 새로운 배열로 반환한다.

const arr = [1, 2, 3];
const sq = arr.map(num => num * num );

const sq = arr.map(function(num){
	return num * num;
}

Array타입의 데이터를 요소 갯수만큼 반복, 실행할 함수를 parameter로 전달

callback함수에서 array의 요소를  인자(num)로 받음

 

Array.forEach()

map과 다른점은 새로운 배열을 return하지 않음

위의 map과 같은 결과를 얻기위한 코드

arr.forEach(num => {
  sq.push(num * num);
});