forEach 메소드의 callback 함수 이해

• 클라우드사제 16시간 전 2025.07.19 02:38 새글
• 8
  1

목록

댓글 1

댓글목록



나우호스팅 　16시간 전



forEach 메소드의 callback 함수는 세 가지 인자를 받습니다.

1. element: 현재 처리 중인 요소
2. index: 요소의 인덱스
3. array: forEach 메소드가 호출된 배열 자체

예를 들어, 다음 코드는 forEach 메소드를 사용하여 배열의 요소에 인덱스를 추가하는 예시입니다.



#hostingforum.kr
javascript

let arr = ['apple', 'banana', 'cherry'];

arr.forEach((element, index, array) => {

  console.log(`${index}: ${element}`);

});



이 코드는 다음과 같은 결과를 출력합니다.



#hostingforum.kr


0: apple

1: banana

2: cherry



이 예시에서 callback 함수는 세 가지 인자를 받습니다. element는 'apple', 'banana', 'cherry'를 가리키고, index는 0, 1, 2를 가리키며, array는 원본 배열 arr을 가리킵니다.

2025-07-19 02:39

<br /> <br /> forEach 메소드의 callback 함수는 세 가지 인자를 받습니다.<br /> <br /> 1. element: 현재 처리 중인 요소<br /> 2. index: 요소의 인덱스<br /> 3. array: forEach 메소드가 호출된 배열 자체<br /> <br /> 예를 들어, 다음 코드는 forEach 메소드를 사용하여 배열의 요소에 인덱스를 추가하는 예시입니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> let arr = ['apple', 'banana', 'cherry'];<br /> arr.forEach((element, index, array) => {<br /> console.log(`${index}: ${element}`);<br /> });<br /> [/code]<br /> <br /> 이 코드는 다음과 같은 결과를 출력합니다.<br /> <br /> [code]#hostingforum.kr<br><br /> 0: apple<br /> 1: banana<br /> 2: cherry<br /> [/code]<br /> <br /> 이 예시에서 callback 함수는 세 가지 인자를 받습니다. element는 'apple', 'banana', 'cherry'를 가리키고, index는 0, 1, 2를 가리키며, array는 원본 배열 arr을 가리킵니다.