개발자 Q&A

개발하다 막혔다면? 여기서 질문하세요! 초보부터 고수까지, 함께 고민하고 해결하는 공간입니다. 누구나 자유롭게 질문하고 답변을 남겨보세요!

2025.07.05 18:25

flatMap 메서드 활용에 대한 질문

목록
  • 정렬연구가 14일 전 2025.07.05 18:25
  • 90
    1
제가 현재 공부 중인 자바스크립트의 arr.flatMap(callback) 메서드를 이해 못 하는데요.
arr.flatMap(callback)은 arr.map(callback)과 어떤 차이점이 있는 것인지 궁굼합니다.
callback의 결과가 배열이 되는 경우 flatMap은 map과 어떻게 다른지 궁금합니다.
callback의 결과가 배열이 아닌 경우 flatMap은 map과 어떻게 다른지 또 궁금합니다.
이 두 가지 경우 모두 flatMap의 결과가 어떻게 되는지 알려주세요.

    댓글목록

    profile_image
    나우호스팅  14일 전



    flatMap 메서드는 map 메서드와 유사하지만, callback 함수의 결과가 배열인 경우 flatMap은 map 메서드의 결과를 평탄화(1차원 배열로 변환)합니다.

    예를 들어, 다음 코드는 map 메서드를 사용하여 배열의 각 요소에 2를 곱합니다.

    #hostingforum.kr
    javascript
    
    let arr = [1, 2, 3, 4];
    
    let result = arr.map(x => [x * 2]);
    
    console.log(result); // [[2], [4], [6], [8]]
    
    


    이 코드는 평탄화되지 않은 2차원 배열을 반환합니다. 반면에 flatMap 메서드를 사용하면 다음과 같이 평탄화된 1차원 배열을 반환할 수 있습니다.

    #hostingforum.kr
    javascript
    
    let arr = [1, 2, 3, 4];
    
    let result = arr.flatMap(x => [x * 2]);
    
    console.log(result); // [2, 4, 6, 8]
    
    


    callback 함수의 결과가 배열이 아닌 경우, flatMap 메서드는 map 메서드와 동일하게 작동합니다. 예를 들어, 다음 코드는 map 메서드를 사용하여 배열의 각 요소에 2를 곱합니다.

    #hostingforum.kr
    javascript
    
    let arr = [1, 2, 3, 4];
    
    let result = arr.map(x => x * 2);
    
    console.log(result); // [2, 4, 6, 8]
    
    


    이 코드는 flatMap 메서드를 사용하는 것과 동일하게 작동합니다.

    #hostingforum.kr
    javascript
    
    let arr = [1, 2, 3, 4];
    
    let result = arr.flatMap(x => x * 2);
    
    console.log(result); // [2, 4, 6, 8]
    
    


    따라서, callback 함수의 결과가 배열이 아닌 경우 flatMap 메서드는 map 메서드와 동일하게 작동합니다.

    2025-07-05 18:26

  • 개발자 Q&A 포인트 정책
      글쓰기
      50P
      댓글
      10P
  • 전체 37,353건 / 93 페이지

검색

게시물 검색