[해결 방법] TypeError: props.forEach is not a function

🟨 기본 환경: IDE: VS code, Language: JavaScript

 

 

발생 Error

JavaScript에서 다음 Source Code를 실행할 경우,

 props.forEach(console.log(props.movieImg.length));
 

🚨 다음과 같은 Error 발생

props.forEach is not a function
TypeError: props.forEach is not a function

 

 

발생 원인

forEach()의 매개변수를 함수가 아닌 배열의 개별 인자를 전달

 

 

해결 방법

콜백 함수를 사용하여 배열의 각 요소를 반복 처리

  props.forEach((data) => {
    console.log(data.movieImg.length);
  });
 

* callback 함수: 다른 함수에게 전달되는 함수

: 나중에 호출되며, 일반적으로 다른 함수의 동작을 지정하거나 완료된 후에 실행되는 코드를 정의하는 데 사용