[jQuery] Uncaught TypeError: Cannot read property

jquery

jQuery와 ajax함수를 통해서 페이지를 구성하던 중에 에러가 발생했다.

Uncaught TypeError: Cannot read property 'value' of undefined

도무지 왜 발생하는지 이해가 안됬다. 페이지도 잘 올라오고 로직 상에 문제가 없었다. ( 예를들면 JS가 HTML보다 위에 있다던지.. )

해당 에러가 발생하는 경우가 많지만 나의 경우를 정리하려고 한다.

에러 원인

나의 상황은 ajax함수를 통해서 결과물을 받았다. 그 결과물의 List를 얻어서 List의 속성을 사용했다.

그런데 속성에서 위의 에러가 발생했다. 크롬 개발자 모드를 켜서 보니 source창에서 속성 이름에 빨간 줄이 그어져 있었다.

열심히 구글링을 해본 결과 문제는 저 구문 앞에 $memberList[i]에 대한 검증이 필요한것이 원인이었다.

그래서 다음과 같이 작성했더니 에러가 사라졌다.

해결

if( $memberList[i] ){
    if( $memberList[i].SAVE_FILE_NAME ) {    }
}
 

간단한걸로 머리 열내지 말자.