[JavaScript] JSON

JSON

JSON : JavaScript Object Notation

key와 value로 이루어짐

모바일이나 파일 Object를 파일 시스템에 저장할 때도 JSON을 이용

서버와 데이터를 주고 받을 때 serialization을 사용

 

오버로딩

함수의 이름은 동일하지만, 파라미터에 따라 다른 방식으로 호출이 가능한 방식

 

1. Stringify (Object to JSON)

객체를 JSON으로 만들기주의: 함수나 JavaScript 전용 데이터인 Symbol같은 객체는 지원하지 않음

// 1. Object to JSON
// stringiOfy(obj)
let json = JSON.stringify(true);
console.log(json);

json = JSON.stringify(['apple', 'banana']);
console.log(json);


const rabbit = {
    name: 'tori',
    color: 'white',
    size: null,
    birthDate: new Date(),
    //symbol: Symbol('id'), //js에만 있는 옵젝이라 JSON에 포함되지 x
    jump: () => {
        console.log(`${this.name} can jump!`);
    },
};

json = JSON.stringify(rabbit, ['name', 'color','size']); //원하는 속성만 가져오기도 가능
console.log(json);

json = JSON.stringify(rabbit, (key, value) => {
    console.log(`key: ${key}, value: ${value}`);
    return key === 'name' ? 'wonju' : value;
});
console.log(json);

 

2. Parse (JSON to Object)

// 2. JSON to Object
// parse(json)
console.clear();
json = JSON.stringify(rabbit);
const obj = JSON.parse(json, (key, value) => {
    console.log(`key: ${key}, value: ${value}`);
    return key === 'birthDate' ? new Date(value) : value;
});
console.log(obj);
rabbit.jump();
//obj.jump();


console.log(rabbit.birthDate.getDate());
console.log(obj.birthDate.getDate());