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}
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
11 | [ChatGPT] json data 의 정렬 [1] | 황제낙엽 | 2024.07.23 | 204 |
10 | [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 | 황제낙엽 | 2024.06.02 | 213 |
9 | json 데이터 내의 변수명에 prefix 로 type 표현하기 | 황제낙엽 | 2024.04.15 | 211 |
8 | (Bard) JavaScript로 JSON 배열을 작성하는 방법 | 황제낙엽 | 2023.08.21 | 235 |
7 | JSON 클래스가 지원하는 function | 황제낙엽 | 2023.03.31 | 224 |
6 | (Copilot) JSON 객체의 내부 데이터 리스트 길이를 구하는 방법 | 황제낙엽 | 2023.03.30 | 249 |
5 | Json 특징 및 문법 | 황제낙엽 | 2021.01.26 | 273 |
4 | ECMA 스크립트의 JSON | 황제낙엽 | 2019.10.16 | 340 |
» | JSON.parse() - feat. Object.assign | 황제낙엽 | 2017.07.09 | 352 |
2 | 링크모음 | 황제낙엽 | 2011.03.25 | 578 |
1 | 개요 | 황제낙엽 | 2009.03.11 | 339 |