인프런 커뮤니티 질문&답변

박소정님의 프로필 이미지

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

8.5) Read - 투두리스트 렌더링하기

forEach를 하지 않고 map 쓰는 이유가 궁금합니다

22.07.05 10:53 작성

·

433

1

안녕하세요 강의 수강하고 있는 학생입니다!! :)
다름이 아니라 6-3강의의 9분 쯤에서 map으로 diaryList의 하나하나를 뽑아내고 있는데,
왜 forEach가 아니라 map으로 사용하나요??
map은 배열의 요소를 바꿀 때 사용하고 forEach는 배열 하나하나 순회하며 조회하는 것으로 기억하고 있는데 이 코드에서 forEach를 사용하니 적용이 안되네요.. map으로 사용하는 이유와 왜 되는지, 그리고 forEach를 사용하지 않는 이유가 궁금합니다!

답변 1

4

InJun Choi님의 프로필 이미지

2022. 07. 05. 19:07

forEach()

배열 요소를 순회하는 반복문. 반환값 없음.

수행 결과: 

{}

(아무것도 없음)

 

map()

배열 요소를 순회하며 함수를 호출하고, 함수의 반환값을 모아서 배열로 반환

수행 결과:

{
  [
    (<div>
      <div>작성자: ...
    ...
    </div>),
    (<div>
      <div>작성자: ...
    ...
    </div>),
  ]
}