콘솔로그 자바스크립트 질문입니다 [쉬움주의]

Question

.ajax 요청을 보냈구요done((response) &#61;> {console.log(response);}) 결과 데이터가 다음과 같이 출력되었습니다{&#34;found&#34;:{&#34;bookId&#34;:&#34;20&#34;,&#34;bookName&#34;:&#34;effse&#34;,&#34;authorId&#34;:null,&#34;publeYear&#34;:&#34;0000-00-00 00:00:00&#34;,&#34;publisher&#34;:&#34;sersef&#34;,&#34;cateCode&#34;:&#34;1&#34;,&#34;bookPrice&#34;:&#34;21323&#34;,&#34;bookStock&#34;:&#34;0&#34;,&#34;bookDiscount&#34;:null,&#34;bookIntro&#34;:null,&#34;bookContents&#34;:null,&#34;created_at&#34;:&#34;2023-10-10&#34;,&#34;updated_at&#34;:&#34;2023-10-10&#34;}}그래서 bookId 를 호출하기위해console.log(response.found.bookId) 를 했더니Uncaught TypeError: Cannot read properties of undefined (reading 'bookId')데이터 호출하는 방식이 무엇이 잘못된것일까요 ? ㅠㅠ

mirheeoj · Answer

프로퍼티명에 오타가 있는 것이 아니라면, console.log(response.found.bookId)이 호출되는 시점에선 아직 response가 완성이 안된 게 아닐까 합니다. 예를 들어 이런 상황이면 말씀하신 에러가 나옵니다. (같은 동작 재현을 할 수 없으므로 setTimeout 이용) let response = ""; setTimeout(() => { response = {"found":{"bookId":"20","bookName":"effse","authorId":null,"publeYear":"0000-00-00 00:00:00","publisher":"sersef","cateCode":"1","bookPrice":"21323","bookStock":"0","bookDiscount":null,"bookIntro":null,"bookContents":null,"created_at":"2023-10-10","updated_at":"2023-10-10"}}; }, 1000); console.log(response.found.bookId)물론 console.log을 저 비동기루틴 안에 넣어버리면 그땐 출력이 되지만 그걸 원하시는 건 아닐 것 같고. 비동기루틴 밖에서 실행하시려면 await를 쓰시면 되겠죠. 대충 이렇게.(async () => { const result = await fetchData(); // 수행하려는 비동기 루틴 console.log(result.found.bookId); })();

헐근데 · Answer

맨처음에 댓글다신분들 삭제하셨나요? json 으로 파싱하라고해서 이래저래 검새해본결과data = JSON.parse(response);            console.log(data.found.bookId)이게 되네요

콘솔로그 자바스크립트 질문입니다 [쉬움주의]

2개의 답변

기술 목록