JavaScript 배열 고차 함수 - forEach, map, filter, reduce
·
FrontEnd/JavaScript
앞에서 for, while, for...of 같은 반복문들로"어떻게 도는지"를 직접 제어하는 방법을 봤다.이번에는 한 단계만 더 올라가서,배열에서 정말 자주 보게 되는 고차 함수 4종 세트를 정리해보려고 한다.forEachmapfilterreduce이 네 개만 제대로 익혀도,데이터를 순회하고 가공하는 코드가 훨씬 깔끔해진다.결론 먼저forEach: 단순히 "각 요소에 대해 어떤 작업을 한다" → 결과를 모으지 않음map: 각 요소를 변환해서 새 배열을 만든다filter: 조건을 만족하는 요소만 골라서 새 배열을 만든다reduce: 배열 전체를 하나의 값으로 축약한다 (합계, 평균, 객체로 묶기 등)아주 짧게 요약하면 나는 이렇게 쓴다부수 효과(로그 찍기, DOM 조작 등)만 필요 → forEach배열을 ..
JavaScript 컬렉션 - Map
·
FrontEnd/JavaScript
Map 한 줄 요약Map은 "키-값 쌍 목록(넣은 순서는 유지됨)"이다.키로 문자열뿐 아니라 숫자, 객체, 배열 같은 값도 그대로 사용할 수 있다. 처음 보면 보통 이런 생각이 든다.Object({})랑 뭐가 다르지?그냥 객체 쓰면 안 되나?Map도 결국 객체라던데?먼저 감 잡기 (Object와 차이)Object ({}): JSON/응답 데이터/설정값처럼 이름 붙은 데이터 구조에 자주 사용Map (new Map()): 키-값을 추가/삭제/검색/순회하는 컬렉션 용도에 잘 맞음서버 응답 / 설정값 / 모델 데이터 중심이면 → Object매핑 테이블 / 캐시 / lookup / 키-값 컬렉션 조작 중심이면 → Map용어 10초 정리블로그/문서에서 아래 단어가 자주 나오는데, 처음엔 이렇게 이해하면 충분하다.컬..