[JavaScript] JSON Array이란?

728x90

JavaScript를 사용하다 보면 JSON Array 형태의 데이터를 사용해야 하는 경우가 많다.

이때 어떻게 사용하는지 알아보자.

1. JSON 이란?

JavaScript Object Notation(JSON)이라는 말로

쉽게 읽고, 쓸수있으며 데이터 파싱도 쉽다는 장점을 가지고 있다.

2. 형태

2-1. 기본

아래와 같은 형태로 key : value 값이 존재하며

[ 문자열 / 숫자 / 부울 / null / 객체 / 배열 ]의 형태가 들어갈 수 있다.

{ "data1" : "data1", "data2" : "data2}, ... }

2-2. 객체

그 중에서도 value 값에 객체가 들어갈 수 있는데

아래와 같은 형태로 key인 "data"의 value 값에 또 다른 JSON 객체가 들어간 형태이다.

{"data" :
	{"data1" : "value1", "data2" : "value2"}
 }

2-3. 배열

아래와 같이 "lsit"의 value에 배열이 들어간 것을 알 수 있다.

list는 순서가 정해져 있으므로 주의해야 한다.

var jsonObject = {

"list" :   [ 
        {
         "data1" : "value1", 
         "data2" : 10
         },

        {
         "data1" : "value2", 
         "data2" : 20
        }
	] 
}

배열의 첫 번째 객체의 data1의 value인 "value1"을 가져오기 위해서는

아래와 같은 형태로 가져올 수 있다.

[] 안에는 리스트의 index값을 넣어주면 된다.

jsonObject.list[0].data1