본문 바로가기

클라이언트/JavaScript
JSON

//JSON, JavaScript Object Notation

    - 자바스크립트 객체 표기법
    - 자바스크립트의 객체를 문자열로 표현할 때 사용하는 포맷
    - 자바스크립트에서 사용 중인 데이터(객체)를 외부 환경(파일입출력, 네트워크)에 전달
        > 하나의 문자열로 표현하는 방법 > JSON
    - XML과 함께 데이터 전달용으로 많이 사용
    - 언어 독립적 > 대부분의 언어/환경에서 JSON 지원
    - 프로퍼티(키)와 값은 반드시 쌍따옴표로만 묶는다.(홑따옴표, 역따옴표 불가능)
        * 값이 숫자 또는 boolean이면 그냥 표현 가능
    - 메서드 표현 불가능 > 데이터(변수)만 표현 가능    

https://jsonformatter.curiousconcept.com/ 참고

 

JSON Formatter & Validator

Format and validate JSON data so that it can easily be read by human beings.

jsonformatter.curiousconcept.com


// Object -> JSON

- JSON.stringify()

- JSON은 undefined가 지원되지 않으므로 null로 변환된다.


const hong = {
    name: '홍길동',
    age: 20,
    gender: 'male',
    hello: function() {
    	console.log(this.names);
	},
    nick: ['고양이', '바보'],
    address: {
        sido: '서울시',
        gugun: '강남구',
        ong: '역삼동'
    }
};

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

console.log(typeof hong);
console.log(typeof str);

// JSON -> Object

- JSON.parse()

const data =  '{"name": "홍길동", "age": 20}';

const result = JSON.parse(data);

'클라이언트 > JavaScript' 카테고리의 다른 글

[자바스크립트(JavaScript)] == vs ===  (1) 2023.11.13
[자바스크립트(JavaScript)] Template Literals(템플릿 리터럴)  (0) 2023.11.13
jQuery UI  (0) 2023.05.02
jQuery  (0) 2023.05.01
CSS 조작  (0) 2023.04.27