* map vs forEach의 차이
- map : 새로운 배열 만들기
- forEach : 요소가 loop될때마다 함수를 실행시켜준다.
const prices = ['1000', '2000', '3000'];
// forEach는 함수를 실행시켜준다.
const newPricesForEach = prices.forEach((price) => return price + '원');
// map은 새로운 배열을 만들어 낸다.
const newPricesMap = prices.map((price) => return price + '원');
// result
newPricesForEach // undefined
newPricesMap // ['1000원', '2000원', '3000원'];
- forEach의 반환값은 undefined이다. 요소하나하나를 돌리면서 callback으로 들어오는 매개변수로 들어오는 함수를 실행시켜주는것이 끝이다.
- map은 반환된 값 즉, 결과값이 반영이 되어 새로운 배열을 만든다. (원본 배열은 손상시키지 않는다.)
결론적으로 용도에 알맞게 잘 사용하면 된다.
'Study > JavaScript(Clean code)' 카테고리의 다른 글
[JavaScript][clean-code] Shorthand Properties (0) | 2022.06.06 |
---|---|
[JavaScript][clean-code] Continue & Break (0) | 2022.06.05 |
[JavaScript][clean-code] for문 배열 고차 함수로 리팩터링 & 배열 메서드 체이닝 (0) | 2022.06.05 |
[JavaScript][clean-code] 불변성 (immutable) (0) | 2022.06.03 |
[JavaScript][clean-code] 유사 배열 객체 (0) | 2022.06.03 |