[javascript] 로컬에 저장된 JSON 파일을 읽어오는 방법

test.json(예시 파일)

TestFile = {
  "test": [
    1,
    2,
    3
  ],
  "persons": [
    {
      "name": "홍길동",
      "age": 14
    },
    {
      "name": "최진우",
      "age": 31
    }
  ]
}

 

여기서 주목해야 할 것은 기본적인 JSON 포맷에 TestFile이라는 변수명을 붙여서 =로 할당해줘야 javascript에서 로드할 수 있다.

 

JSON 파일 읽어오기

    <script src="test.json" type="text/javascript"></script>
    <script>
        let testData = JSON.parse(JSON.stringify(TestFile));
        console.log(testData);
    </script>

1번째 라인처럼 json이 있는 파일을 명시해준 뒤

test.json에 할당해준 변수명으로 JSON을 읽어와 파싱한다.