본문 바로가기
Script/Javascript

API의 json 응답 처리

by BeGeek 2022. 12. 27.

API로 부터 넘어온 json데이터를 파싱할때, 데이터가 객체 배열 형태로 넘어올때와, 객체 형태로 넘어올때를 구분하여 활용한다.
1. 객체 형태로 넘어올때
-. API URL : https:// dummyjson.com/quotes
quotes.quotes 로 객체 안의 배열을 가져옴
API로 부터 객체를 받고 그안에 quotes배열의 quote, author값을 활용
console.log(quotes.quotes[0].quote);
console.log(quotes.quotes[0].author);
2. 객체 배열 형태로 넘어올때
-. API URL : https://jsonplaceholder.typicode.com/users
API로 부터 배열을 받고 배열을 forEach로 돌면서 username, email값을 활용
users.forEach(user => {
string += `${user.username} ${user.email}`;
});

댓글