인프런 커뮤니티 질문&답변

suny_fun님의 프로필 이미지
suny_fun

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

section02 Quiz 중 REST-API 요청과 비동기 처리 문제

해결된 질문

작성

·

382

·

수정됨

0

 너무 잘 설명 해주셔서 열심히 따라하고 있습니다!!

과제내용 대로 받은 데이터를 콘솔에 출력하기까지 잘 되어서 수업내용을 따라해보려고 받은 데이터의 내용 중에서 배열안의 name만을 확인하고 싶어서

console.log(result.data.name)을 쳐서 보니 undefined가 나오더라고요.

수업 내용 중 받아온 데이터 중 title를 보고 출력했을때, console.log(result.data.title) 로 했어서 그대로 따라해 봤는데 왜 이것은 결과가 name의 값이 아니고 undefined일까요? 답변 부탁드립니다. 감사합니다.

스크린샷 2023-01-20 18.10.31.png

 

답변 1

1

안녕하세요 sunny_fun님
자바스크립트의 배열과 객체에 대해서는 알고 계시다는 가정하에 설명드리겠습니다.

현재 result로 받아오는 값는 객체일 것이고 그 안에 data에 저희가 받아온 data가 있겠죠?
해당 데이터는 배열입니다.
image이러한 배열이 들어올텐데요
배열은 인덱스 값으로 접근은 가능하지만 키 값으로는 접근이 불가하겠습니다
배열 안의 수많은 객체들 중에 어느 name을 가져와야 하는지 모르니까요.
name을 하나만 받아오고 싶다면 우리가 받아올 객체를 선택하고 name을 가져와야겠습니다
예를 들어 result.data[0].name 이런 식으로 가져와야겠죠?

실습하시면서 해보시면 더 이해가 잘 되실겁니다.
공부에 도움 되시길 바랍니다

suny_fun님의 프로필 이미지
suny_fun

작성한 질문수

질문하기