JSON JSON.parse() - feat. Object.assign

황제낙엽 2017.07.09 22:56 조회 수 : 395

sitelink1 http://secondmemory.kr/468 
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

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}

번호 제목 글쓴이 날짜 조회 수
166 자바스크립트에서 이벤트 처리에 대한 일련의 흐름 황제낙엽 2008.09.18 504
165 이미지 로드 코드 황제낙엽 2009.06.27 503
164 자바스크립트 학습용 유튜브 강의 (드림코딩 by 엘리) 황제낙엽 2021.03.07 502
163 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 499
162 정규식 정리 황제낙엽 2008.11.24 499
161 JavaScript TDD by 강규영 황제낙엽 2007.11.26 499
160 String xml 파싱 황제낙엽 2008.11.03 498
159 슬라이딩 메뉴 황제낙엽 2005.12.02 495
158 How to use Rhino to script Java classes. 황제낙엽 2008.07.14 493
157 Navigator 객체란? 황제낙엽 2011.02.22 492
156 JavaScript Form Validation file 황제낙엽 2008.11.24 491
155 Java 버전의 JavaScript 엔진 라이노 (Rhino) 황제낙엽 2008.07.14 490
154 자바스크립트의 데이터 타입과 변수 황제낙엽 2008.08.06 489
153 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 488
152 자바스크립트(Javascript) escape, encodeURI, encodeURIComponent 인코딩 함수 황제낙엽 2021.04.27 488
151 CKEditor 3 JavaScript API Documentation 황제낙엽 2011.11.14 488
150 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 486
149 [펌] 아사페릴의 사생활 - Code Conventions for the JavaScript Programming Language 황제낙엽 2009.04.02 485
148 innerHTML 황제낙엽 2005.12.19 484
147 MS 익스플로러상에서 문제가 되는 Leak 모델 황제낙엽 2009.04.03 482