[JSON] JSON.parse, JSON.stringify 사용법

개요

---

인턴 일하다가 해당 사항과 관련해서 메모해둔다.

 

오늘의 주제

---

JSON.parse 와 stringify에 대해 araboza

 

진행 과정

---

1. JSON.parse와 JSON.stringify는?

JSON.parse는 string형태를 json 오브젝트 형태로 바꿔주는 것이다.
그럼 JSON.stringify는 json 오브젝트를 string으로 바꿔주는 거겠쬬?

 

코드

---

		function temp() {
			var data = {
				name : "cho",
				job : "programmer",
				age : 25
			}

			console.log(typeof(data));
			
			var result = JSON.stringify(data);
			console.log("변환된 타입은 -> : " + typeof(result));
			console.log("json -> string 변환 결과 = " + result);

			var result2 = JSON.parse(result);
			console.log("변환된 타입은 -> : " + typeof(result2));
			console.log("string -> json 변환 결과 = " + result2);
		}

차근차근알아보자.

 

function temp() {
	var data = {
		name : "cho",
		job : "programmer",
		age : 25
}

먼저 이런 형태의 json 데이터가 있다고 치자

콘솔로 타입을 찍어보면

라고 나온다. 이제 변환을 해보자.

var result = JSON.stringify(data);
console.log("변환된 타입은 -> : " + typeof(result));
console.log("json -> string 변환 결과 = " + result);

이렇게 바꿔주고 콘솔을 찍어보면..

요로코롬 나온다. string으로 표현이됨

그럼 다시 JSON.parse를 이용해서 바꿔보장

var result2 = JSON.parse(result);
console.log("변환된 타입은 -> : " + typeof(result2));
console.log("string -> json 변환 결과 = " + result2);

그리고 콘솔을 찍어보면 다음과 같다.

끄덕끄덕

배열형태로 되어있는 string을 어떻게 뽑아쓸까..하다가 검색하면서 알게됐다 이게 해결법은 아님

 

결과

---

JSON.parse와 stringify에 대해 알 수 있었다. 이걸 활용해서 배열처럼 사용할 수 있을까?