[자바스크립트] .forEach()와 .map()의 차이점

나는 배열에서 각 요소를 꺼낼 때 주로 forEach()를 사용하는 편이다.
이 forEach() 메서드와 비슷한 역할을 하는 .map() 함수가 있는데 둘의 차이점에 대해 알아보자.. 🧐

.forEach()

forEach는 배열의 요소를 반복하며, 값을 리턴하지 않는다. (각 요소의 콜백 함수를 실행)

const array = [1, 2, 3];
const res = array.forEach((num, index) => {
	// callback 
});

console.log(res) // undefiend

 

.map()

map은 forEach와 동일하게 배열의 요소를 반복하지만
각 요소에서 함수를 호출하여 발생하는 결과를 배열 형태로 return 한다

const array = [1, 2, 3];
const res = array.map((num) => {
	return num * 2;
});

console.log(res) // [2, 4, 6]

 

---

.forEach()는 단순 반복!
.map()은 반복문 실행 후 return 값으로 배열을!