JSON을 부드럽게 이해하는 사람에게

#소개
저 자신, 평상시 개발을 하고 있는 가운데 JSON 형식의 데이터를 잘 취급합니다만, 그 구조나 개요에 대해서 푹신한 이해 밖에 없었으므로, 자기 학습도 겸해 정리해 보았습니다.
#JSON이란?
JSON이란 「JavaScript Object Notation」의 약자로, 「JavaScript의 오브젝트의 작성 방법을 바탕으로 한 데이터 정의 방법」을 말합니다. 이름에는 JavaScript라고 합니다만, 현재는 JavaScript에 한정되지 않고, 각종 프로그램 언어로 이용할 수 있습니다. Ruby와 Python을 포함하여 현재는 많은 언어로 사용할 수 있습니다. 따라서 이러한 언어를 통해 또는 네트워크를 통해 데이터를 교환할 수 있습니다.
주로 서버와 웹 애플리케이션 간에 데이터를 전송할 때 사용됩니다.
#JSON을 작성하는 방법
JSON은 {} 안에 키와 값을 콜론으로 구분하여 설명합니다. 키는 반드시 더블 따옴표로 묶어야 하며, 단일 따옴표라면 오류가 발생합니다.キー : 키는 항상 따옴표로 묶인 문자열입니다. : 값은 문자열, 숫자, 부울 식, 배열 또는 개체일 수 있습니다.キーと値のペア : 키-값 쌍은 특정 구문을 따르고 키 뒤에 콜론이 뒤따르고 그 뒤에 값이 옵니다. 키-값 쌍은 쉼표로 구분됩니다.
{
 “key1” : “value1”,
 “key2” : “value2”,
 “key3” : “value3”
}
# 사용 가능한 값 유형
문자열: 일반적으로 단어를 형성하는 여러 일반 텍스트 문자
{“name” : “suzuki”}
숫자: 정수
{“id”, 1}
부울: True 또는 False
{“a” : true, “b” : false}
배열: 값의 연관 배열
{
    "id": 1,
    "name": "suzuki",
    "result": [
        87,
        83,
        71,
        59,
        91
    ]
}
객체: 키-값 쌍의 연관 배열
{
    "id": 1,
    "name": "suzuki",
    "attribute": {
        "gender": "male",
        "phone_number": "xxxxxxxxxxx",
        "birth": "1998/01/01"
    }
}
#실제로 사용해보기
##JSON 문자열 → 객체로 변환
JSON 형식의 문자열인 json_str을 JSON.parse에 전달하여 객체로 변환하고 있다.
###JavaScript 코드
var json_str = '{"id":1, "name":"tanaka", "attribute":{"gender":"male", "phone_number":"xxxxxxxxxxx", "birth":"1991/01/01"}}';
var obj = JSON.parse(json_str)
console.log(obj.name)
console.log(obj.attribute.birth)
### 결과
tanaka
1991/01/01
## 객체 → JSON 문자열로 변환
오브젝트인 obj를 2행째로 JSON.stringify에 건네주고, JSON의 캐릭터 라인으로 변환하고 있다.
###JavaScript 코드
var obj = {"id":1, "name":"tanaka", "attribute":{"gender":"male", "phone_number":"xxxxxxxxxxx", "birth":"1991/01/01"}}
var json_str = JSON.stringify(obj)
console.log(json_str)
console.log(typeof json_str)
### 결과
{
	"id": 1,
	"name": "tanaka",
	"attribute": {
		"gender": "male",
		"phone_number": "xxxxxxxxxxx",
		"birth": "1991/01/01"
	}
}
#편리한 도구
###JSON 예쁜
엉망이 되고 있는 JSON형의 데이터를 담아내는 것만으로 깨끗이시켜 줍니다.

좋은 웹페이지 즐겨찾기