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

 

반응형