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}`;
});
'Script > Javascript' 카테고리의 다른 글
배열앞에 +기호 (+배열[0]) (0) | 2023.11.20 |
---|---|
동적으로 생성한 태그에 이벤트 걸때 주의점 (0) | 2022.12.22 |
jsonp로 호출시 OOOO의 자원이 MIME타입 (text/html)이 일치하지 않아서 (X-Content-Type-Options: nosniff) 차단되었습니다. 해결 (0) | 2020.04.24 |
Prototype 프로퍼티 (0) | 2015.11.10 |
!! 연산자 (0) | 2015.10.14 |
댓글