서비스에서 사용되는 메서드 중 특이한 map인 flatMap을 발견하여 정리하고자 합니다. 보통 map을 사용해 새로운 배열을 리턴받는 것만 보아왔는데, flatMap을 사용해 새로운 배열을 리턴받는 것을 보고선 문득 둘의 차이가 궁금해졌습니다. 무슨 차이가 있는걸까요? 특징 map() 메서드는 원래의 배열 구조를 유지한 채로 새로운 배열을 반환합니다. 예시: let arr = [1, 2, 3]; let newArr = arr.map(x => [x * 2]); console.log(newArr);// [[2], [4], [6]]. 새로운 하위배열을 포함하는 형태로 반환 flatMap() 메서드는 추가적으로 한 단계 깊이까지 평탄화(flatten) 작업을 수행하며 새로운 배열을 반환합니다. 예시: let ..

지금껏 map과 forEach, 둘 다 원본 데이터를 기반으로새로운 데이터를 만든다고 알고있었고최근에 인터뷰를 진행하며 내가 잘못 알고있었다는 점을 깨닫게 되어정리를 해보았다.결론map은 배열을 리턴하는 callback,forEach는 순회하는 배열의 요소와 index를 기준으로내부 스코프에서 정의한 코드를 수행하고 아무것도 반환하지 않는 콜백이다.예시1) mapconst testArray = [1,2,3,4,5]const result = testArray.map((item, index) =>{ const eachItem = item*2; return eachItem;});// testArray 배열을 기준으로 순회하며 각 배열의 요소를 2씩 곱한 새로운 배열 생성console.log(result); ..