[Javascript] 자바스크립트 map() vs foreach() 비교하기

arr.map(), arr.foreach()

 

자바스크립트에서는 arr의 각 요소에 어떠한 처리를 하고 싶을 때, 보통 for문을 쓰거나 map, foreach를 사용한다.

하지만 모든 함수에는 이유가 있는법. 각 함수의 특징을 알아보자.

 

공통점으로는 map과 foreach 내부에는 콜백함수를 선언할 수 있다.

함수의 인자로는 대상 어레이의 각 원소에 해당하는 elem, 해당 elem의 index, 그리고 대상 어레이인 array를 인자로 받을 수 있다.

 

차이점으로는 

map은 콜백함수의 반환값을 원소로하는 어레이를 새로 생성하여 반환하고 대상이 된 객체는 아무 영향도 끼치지 않는다.

반면에 foreach는 콜백함수의 반환값을 원소로 하는 어레이를 기존 배열에 바로 적용시키고, 최종적으로 반환값이 존재하지 않는다.

 

 

더 자세한 내용은 => ipex.tistory.com/entry/JavaScript-mapforEachreduce-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8