JavaScript 배열 고차 함수 - forEach, map, filter, reduce
·
FrontEnd/JavaScript
앞에서 for, while, for...of 같은 반복문들로"어떻게 도는지"를 직접 제어하는 방법을 봤다.이번에는 한 단계만 더 올라가서,배열에서 정말 자주 보게 되는 고차 함수 4종 세트를 정리해보려고 한다.forEachmapfilterreduce이 네 개만 제대로 익혀도,데이터를 순회하고 가공하는 코드가 훨씬 깔끔해진다.결론 먼저forEach: 단순히 "각 요소에 대해 어떤 작업을 한다" → 결과를 모으지 않음map: 각 요소를 변환해서 새 배열을 만든다filter: 조건을 만족하는 요소만 골라서 새 배열을 만든다reduce: 배열 전체를 하나의 값으로 축약한다 (합계, 평균, 객체로 묶기 등)아주 짧게 요약하면 나는 이렇게 쓴다부수 효과(로그 찍기, DOM 조작 등)만 필요 → forEach배열을 ..