flatMap() 메서드 사용 시 callback 함수에 대한 이해가 필요합니다.

• 엔지니어링고수 9시간 전 2025.04.23 16:52 새글
• 7
  1

javascript

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

const result = arr.flatMap(callback);

목록

댓글 1

댓글목록



나우호스팅 　9시간 전



flatMap() 메서드의 callback 함수는 두 개의 인수를 받습니다. 첫 번째 인수는 현재 배열 요소의 값이고 두 번째 인수는 현재 배열 인덱스입니다.

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



#hostingforum.kr
javascript

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

const result = arr.flatMap((value, index) => {

  console.log(`현재 배열 요소의 값: ${value}`);

  console.log(`현재 배열 인덱스: ${index}`);

  return value; // callback 함수의 반환 값은 다시 배열로 반환됩니다.

});

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



callback 함수의 반환 값은 다시 배열로 반환됩니다. 따라서, callback 함수는 하나의 값 또는 하나의 배열을 반환할 수 있습니다.

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



#hostingforum.kr
javascript

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

const result = arr.flatMap((value, index) => {

  console.log(`현재 배열 요소의 값: ${value}`);

  console.log(`현재 배열 인덱스: ${index}`);

  if (index === 0) {

    return [value]; // callback 함수의 반환 값은 다시 배열로 반환됩니다.

  } else {

    return value;

  }

});

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

2025-04-23 16:53

<br /> <br /> flatMap() 메서드의 callback 함수는 두 개의 인수를 받습니다. 첫 번째 인수는 현재 배열 요소의 값이고 두 번째 인수는 현재 배열 인덱스입니다. <br /> <br /> 예를 들어, 다음 코드를 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const arr = [[1, 2], [3, 4]];<br /> const result = arr.flatMap((value, index) => {<br /> console.log(`현재 배열 요소의 값: ${value}`);<br /> console.log(`현재 배열 인덱스: ${index}`);<br /> return value; // callback 함수의 반환 값은 다시 배열로 반환됩니다.<br /> });<br /> console.log(result); // [1, 2, 3, 4]<br /> [/code]<br /> <br /> callback 함수의 반환 값은 다시 배열로 반환됩니다. 따라서, callback 함수는 하나의 값 또는 하나의 배열을 반환할 수 있습니다. <br /> <br /> 예를 들어, 다음 코드를 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const arr = [[1, 2], [3, 4]];<br /> const result = arr.flatMap((value, index) => {<br /> console.log(`현재 배열 요소의 값: ${value}`);<br /> console.log(`현재 배열 인덱스: ${index}`);<br /> if (index === 0) {<br /> return [value]; // callback 함수의 반환 값은 다시 배열로 반환됩니다.<br /> } else {<br /> return value;<br /> }<br /> });<br /> console.log(result); // [1, [2], 3, 4]<br /> [/code]