JAVASCRIPT STEP 58 - JSON

★ JSON, Java Script Object Notation

• 자바스크립트 객체 표기법
• 자바스크립트의 객체를 문자열로 표현할 때 사용하는 포맷
• 자바스크립트에서 사용 중인 데이터(객체)를 이부 환경에 전달 > (파일입출력, 네트워크에 전달) > 하나의 문자열로 표현하는 방법 > JSON
• XML과 함께 데이터 전달용으로 많이 사용
• 언어 독립적 > 대부분의 언어/환경에서 JSON 지원

■ 규칙

• 1. 반드시 프로퍼티를 쌍따옴표로 묶는다.(홀따옴표, 역따옴표 불가능)

{
    "name" : "홍길동",
    "age" : 20
}

• 2. 반드시 값도 쌍따옴표로 묶는다.(홀따옴표, 역따옴표 불가능)
• -> 값 : boolean, 숫자 > 그냥 표현 가능

"name" : "홍길동",
"age" : 20

• 3. 메소드 표현 불가능 > 데이터(변수)만 표현 가능

{
    "name" : "홍길동",
    "age" : 20
    //"hello" : function() {} //불가능
}

 

■ 응용

• JSON 형태로 인코딩한 결과물

const hong = {
    name: '홍길동',
    age : 20,
    gender : "남자"
};

//str
//- JSON 형태로 인코딩한 결과물
//- 직렬화
let str = JSON.stringify(hong);

• JSON 형식의 문자열 수신

//JSON 형식의 문자열 수신
const data = '{ "name" : "홍길동", "age" : 20}';

//console.log(data)

const result = JSON.parse(data);

console.log(result.age);