Array.prototype.flatMap()

flatMap()에 대해서 알아보자.

 

얘를 설명하고 있는 MDN을 보면 '먼저 매핑함수를 사용해서 각 요소에 map을 수행한 후, 결과를 새로운 배열로 평평화한다.'

평평화가 뭔 말이냐...

 

그래서 직접 써봤다.

 

위의 결과는 map()을 사용했을 때와 결과가 똑같다.

 

 

그러나 진가는 이제부터 발휘된다.

 

map()에 들어가는 함수에서 리턴을 배열을 할 경우 어떻게 될까?

요소에 2를 곱한 후 그 결과를 배열로 리턴하면 map()의 경우 리턴되는 각각의 배열 요소를 배열로 감싸서 리턴한다.

[ [ 2 ], [ 4 ], [ 5 ], [ 6 ], [ 7 ] ]

 

하지만 flatMap()이 출동하면 어떻게될까?

평평해지쥬?

일련의 처리를 수행하는 함수에서 각각의 요소를 배열로 리턴해도 리턴하는 요소의 배열을 제거하여 순수한 값을 새로운 배열로 만들어서 준다.