[책] 자바스크립트 코드 레시피 278 - 206일차

fetch()로 JSON 데이터 읽어 오기

• JSON 형식의 텍스트 파일을 불러오고 싶을 때

설명

JSON을 다루기 위해서는 데이터를 가져오는 fetch()와 JSON 포맷으로 해석하는 json()의 2단계 작업이 필요하며, 이렇게 하면 JSON 객체를 다룰 수 있습니다.

await와 async를 사용하는 방법

async function load() {
  const data = await fetch('sample.json');
  const obj = await data.json();
  console.log(obj);
  document.querySelector('#log').innerHTML = JSON.stringify(obj, null, ' ');
};
load();

Promise를 사용하는 방법

fetch('sample.json').then((data) => data.json()).then((obj) => {
  console.log(obj);
  console.log(obj.men);
  console.log(obj.women);
});