JSON을 많이 쓰는 이유?
--> 데이터를 전달하고, 교환하고, 저장할 때
--> 가볍고, 텍스트기반, JS 기반.
[1] : JSON 객체 --> 중괄호 { } 사용.
JSON에서 객체(Object)란? --> key : value의 한 쌍으로 이루어진 정렬되지 않은 속성(property)들의 집합.
콤마(,)로 구분하여 여러개의 속성을 가질 수 있다.
문자열은 반드시 큰따옴표("")로 묶어준다.
{
"name": "홍길동",
"age": 20,
"nationality": "대한민국",
"hobby": "영화보기"
}
[2] : 객체안의 객체 --> 계층적 구조.
{
"group1": {
"name": "홍길동",
"age": 20,
"nationality": "대한민국",
"hobby": "영화보기",
"company": {
"cname": "XX 원자력 발전소",
"cphone": "02-1234-5678",
"caddress": "경기도 용인시 용인동 용인 신도로 1234"
}
}
}
[3] : JSON 배열 --> 대괄호 [ ] 사용.
역시 콤마(,)를 사용하여 여러 JSON 객체를 추가 및 구분할 수 있다.
배열의 이름이 person이고, 3개의 JSON 객체를 이 배열의 요소로 가지는 JSON 배열을 만들어보시오?
"person": [
{ "name": "홍길동", "age": 20, "nationality": "한국" },
{ "name": "이순신", "age": 30, "nationality": "미국" },
{ "name": "강감찬", "age": 40, "nationality": "영국" }
]
'JAVASCRIPT' 카테고리의 다른 글
[js] api를 이용하여 정보 얻어내기 (jquery, json 활용) (0) | 2022.02.05 |
---|---|
[JS] JSON 데이터를 웹페이지로 출력하기 (0) | 2022.01.07 |
[JS] JSON.parse(), JSON.stringify() _객체와 문자열로 변환하기 (0) | 2022.01.07 |
[JS] 중첩된 JSON 데이터 다루기 (0) | 2022.01.07 |
[JS] JSON 데이터를 다루기위한 JS 기본 사용법 (0) | 2022.01.07 |