-
자바스크립트 - JSON 데이터 객체로 변환하기프로그래밍/JavaScript 자바스크립트 2021. 9. 30.반응형
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="icon" href="data:;base64,iVBORw0KGgo="> <script type="text/javascript"> // JSON 문자열을 자바스크립트 객체로 변환 var s = '{"name":"홍길동","subject":"자바","score":95}'; // JSON 문자열 var obj = JSON.parse(s); // JSON 문자열을 분석하여 자바스크립트 객체 생성 console.log(obj.name, obj.subject, obj.score); // 홍길동 자바 95 // 자바스크립트 객체를 JSON 문자열로 변환 var obj2 = { name:'김자바', age:20, subject:'HTML' }; var s2 = JSON.stringify(obj2); // 자바스크립트 객체를 JSON 문자열로 변환 console.log(s2); </script> </head> <body> <h3>JSON</h3> </body> </html>
JSON 데이터는 보통 '' 작은 따옴표 안에 {} 중괄호 형태로 되어있다.
parse()를 사용하면 JSON 데이터를 자바스크립트 객체로 만들어 준다.
var obj = JSON.parse(s); => 자바스크립트 객체로써 obj안에 넣음
반대로 객체를 JSON 데이터로 변환 하려면 stringify()를 사용하면 된다.
반응형'프로그래밍 > JavaScript 자바스크립트' 카테고리의 다른 글
자바스크립트 - form에 접근하기 (0) 2021.10.01 자바스크림트 - BOM (0) 2021.09.30 자바스크립트 - apply / call / bind (0) 2021.09.30 자바스크립트 - 클래스 (0) 2021.09.30 자바스크립트 - 객체(3) (0) 2021.09.30