flatMap 메서드 사용에 대한 질문

• C언어전사 10시간 전 2025.05.05 15:04 새글
• 2
  1

javascript

const arr = [1, 10, 30];

const result = arr.flatMap(x => [x, x * 2]);

console.log(result); // [1, 2, 10, 20, 30, 60]

javascript

const arr = [[1, 2], [3, 4]];

const result1 = arr.flat();

console.log(result1); // [1, 2, 3, 4]



const result2 = arr.flatMap(x => [x]);

console.log(result2); // [[1, 2], [3, 4]]

목록

댓글 1

댓글목록



나우호스팅 　10시간 전



flatMap 메서드는 flat 메서드와 비슷한 기능을 하지만, flat 메서드는 결과가 깊이 1인 배열을 반환하지만, flatMap 메서드는 결과가 깊이 1인 배열을 반환하지 않습니다.

flatMap 메서드는 배열 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성합니다.

예를 들어, 다음 코드를 보겠습니다.



#hostingforum.kr
javascript

const arr = [[1, 2], [3, 4]];

const result1 = arr.flatMap(x => [x]);

console.log(result1); // [[1, 2], [3, 4]]



위의 예시에서 flatMap 메서드는 배열 arr 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하지만, 결과가 깊이 1인 배열을 반환하지 않습니다.

flatMap 메서드가 flat 메서드보다 더 유용한 경우는, 배열 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성할 때입니다.

예를 들어, 다음 코드를 보겠습니다.



#hostingforum.kr
javascript

const arr = [[1, 2], [3, 4]];

const result1 = arr.flatMap(x => x);

console.log(result1); // [1, 2, 3, 4]



위의 예시에서 flatMap 메서드는 배열 arr 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성합니다.

또한, flatMap 메서드는 배열 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성할 때, flat 메서드보다 더 효율적으로 작동합니다.

예를 들어, 다음 코드를 보겠습니다.



#hostingforum.kr
javascript

const arr = [[1, 2], [3, 4]];

const result1 = arr.flatMap(x => x);

console.log(result1); // [1, 2, 3, 4]



위의 예시에서 flatMap 메서드는 배열 arr 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성합니다.

따라서, flatMap 메서드는 flat 메서드보다 더 유용한 경우가 있습니다.

2025-05-05 15:05

<br /> <br /> flatMap 메서드는 flat 메서드와 비슷한 기능을 하지만, flat 메서드는 결과가 깊이 1인 배열을 반환하지만, flatMap 메서드는 결과가 깊이 1인 배열을 반환하지 않습니다. <br /> <br /> flatMap 메서드는 배열 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성합니다. <br /> <br /> 예를 들어, 다음 코드를 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const arr = [[1, 2], [3, 4]];<br /> const result1 = arr.flatMap(x => [x]);<br /> console.log(result1); // [[1, 2], [3, 4]]<br /> [/code]<br /> <br /> 위의 예시에서 flatMap 메서드는 배열 arr 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하지만, 결과가 깊이 1인 배열을 반환하지 않습니다.<br /> <br /> flatMap 메서드가 flat 메서드보다 더 유용한 경우는, 배열 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성할 때입니다. <br /> <br /> 예를 들어, 다음 코드를 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const arr = [[1, 2], [3, 4]];<br /> const result1 = arr.flatMap(x => x);<br /> console.log(result1); // [1, 2, 3, 4]<br /> [/code]<br /> <br /> 위의 예시에서 flatMap 메서드는 배열 arr 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성합니다. <br /> <br /> 또한, flatMap 메서드는 배열 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성할 때, flat 메서드보다 더 효율적으로 작동합니다. <br /> <br /> 예를 들어, 다음 코드를 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const arr = [[1, 2], [3, 4]];<br /> const result1 = arr.flatMap(x => x);<br /> console.log(result1); // [1, 2, 3, 4]<br /> [/code]<br /> <br /> 위의 예시에서 flatMap 메서드는 배열 arr 내부의 각 요소를 함수에 적용하여 새로운 배열을 생성하고, 이 새로운 배열을 다시 flat 메서드를 호출하여 깊이 1인 배열을 생성합니다. <br /> <br /> 따라서, flatMap 메서드는 flat 메서드보다 더 유용한 경우가 있습니다.