일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 호이스팅
- Promise
- CORS
- RTK Query
- async/await
- webpack
- TS
- 인터섹션
- 공변성
- recoil
- 태그된 유니온
- app router
- 투포인터
- useAppDispatch
- Cypress
- 결정 알고리즘
- ESlint
- tailwind
- autosize
- Jest
- 반공변성
- SSR
- map
- CI/CD
- 리터럴 타입
- React
- 무한 스크롤
- dfs
- 이분 검색
- 타입 좁히기
Archives
- Today
- Total
짧은코딩
"forEach" vs "map" 본문
반응형
forEach와 map 둘 다 배열을 순회하는 메서드이다. 그렇기에 중간에 break를 사용할 수 없다.
만약 break를 사용하고 싶으면 for문을 쓰면된다.
그렇다면 forEach, map의 차이점은 뭘까? 기본적인 것이지만 너무 간과하고 있던 것 같다..!
forEach
forEach는 그냥 단순히 배열을 순회한다.
const arr = [25, 23, 11, 47, 53, 17, 33];
const temp = arr.forEach((car) => car);
console.log(temp); // undefined
따라서 이렇게 코드를 짜면 undefined가 출력된다.
map
map은 순회하면서 새로운 배열을 만들어서 return한다.
const arr = [25, 23, 11, 47, 53, 17, 33];
const temp2 = arr.map((car) => car);
console.log(temp2); //[25, 23, 11, 47, 53, 17, 33];
그렇기에 temp2를 출력하면 arr에 있던 배열이 그대로 출력된다.
반응형
'JS' 카테고리의 다른 글
쿠키(Cookie)란? (0) | 2023.10.17 |
---|---|
변수 호이스팅과 값의 할당 (0) | 2023.08.25 |
얕은 복사와 깊은 복사 (0) | 2022.11.17 |
async와 await (0) | 2022.06.03 |
Promise (0) | 2022.06.03 |
Comments