Javascript forEach문에 관해

리액트 공부중에 급 궁금해졌다

forEach 돌릴때 function의 파라미터인 item 은 무엇이고 index는 무엇일까?

 

아래 예시를 설명해보겠다.

1. 배열을 선언해준다.

2. 그 배열 반복 돈다.(forEach)

3. index = originArray의 length , index는 0~3까지

4. item = originArray의 value이다.

5. 수행 결과 

//배열 선언
var originArray = ["동물의숲", "링피트", "마리오", "루이지"];

//배열의 모든 요소에 Nintendo라는 문자열을 더하기
originArray.forEach(function (item, index, array) {
	array[index] = item + "Nintendo";
});

//메서드 실행 후 배열
console.log(originArray);
["동물의숲Nintendo", "링피트Nintendo", "마리오Nintendo", "루이지Nintendo"]

 

6. array는 이해를 위해 추가했는데 파라미터 필수값은 아니다.

파라미터에 item, index만 있어도 돌아감

 

최종정리 :

배열 전체를 돌 때, 요소마다 콜백 함수를 실행함

콜백함수의 파라미터는 다른 모든 메서드와 동일한 순서의 파라미터를 갖음

첫번째 파라미터(item)는 현재 배열 요소의 value,

두번째 파라미터(index)는 현재 배열요소의 위치,

세번째 파라미터는 현재 돌고 있는 배열을 가리킴