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