반응형
250x250
Notice
Recent Posts
Recent Comments
Link
관리 메뉴

짧은코딩

"forEach" vs "map" 본문

JS

"forEach" vs "map"

5_hyun 2023. 7. 13. 00:31

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에 있던 배열이 그대로 출력된다.

 

728x90
반응형

'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