[Javascript] JSON.parse() 사용 방법 feat. Object.assign

JSON.parse()란?

Javascript에는 JSON이라는 클래스가 있다. 클래스 이름대로 Javascript에서 JSON을 컨트롤하기 위한 유틸 클래스이다. Object 타입 객체를 JSON 형태의 String 타입으로 변환하려면 JSON.stringify() 함수를 사용하면 되고, 반대로 String 타입 JSON에서 Object 타입으로 변환할 때는 JSON.parse() 함수를 사용하면 된다.

let jsonStr = JSON.stringify( { name: 'coffee', price: 3000 } );
console.log( jsonStr ); // {"name":"coffee","price":3000}

let object = JSON.parse( jsonStr );
console.log( object ); // Object {name: "coffee", price: 3000}

간단한 응용, 실제 사용하는 Model 타입으로 변환하기

class Beverage {
    name;
    price;
};

let coffee = new Beverage();
coffee.name = 'coffee';
coffee.price = 3000;
console.log( coffee ); // Beverage {name: "coffee", price: 3000}

let jsonStr = JSON.stringify( coffee );
console.log( jsonStr ); // {"name":"coffee","price":3000}

let object = JSON.parse( jsonStr );
console.log( object ); // Object {name: "coffee", price: 3000}

let coffee2 = Object.assign( new Beverage(), object );
console.log( coffee2 ); // Beverage {name: "coffee", price: 3000}