개발노트 :: 자바스크립트(JavaScript) JSON stringify parse

JSON은 문자로 작성된 하는 데이터 포맷입니다. 
보통 데이터를 전송 수신 할때 JSON 형태인 데이터 포맷으로 교환을 많이 합니다. 

 

JSON stringify()

// info 객체 선언
let info = {
	name : '홍길동',
	age : 20,
	family : {
		mother : ['mother',42],
		father : ['father',43]
	}
}
console.log(JSON.stringify(info));	
// {"name":"홍길동","age":20,"family":{"mother":["mother",42],"father":["father",43]}} 문자열 출력 
console.log(JSON.stringify(info,['name','age']));	
// {"name":"홍길동","age":20} name과 age만 문자열로 출력 
console.log(JSON.stringify(info,['name','age'],2));	
// 출력되는 데이터는 JSON.stringify(info,['name','age']) 같으나 공백을 추가로 가독성이 높아짐 
/*
{
  "name": "홍길동",
  "age": 20
}
*/

JSON.stringify() – 객체를 JSON으로 바꿔줍니다. 
JSON.stringify(value, [replacer], space) // replacer 객체에서 선언된 프로퍼티만 문자열로 만듬, space 가독성을 높이기 위해 프로퍼티 사이에 공백을 추가함 

 

JSON parse()

// info 객체 선언
let info = {
	name : '홍길동',
	age : 20,
	family : {
		mother : ['mother',42],
		father : ['father',43]
	}
}	

let info1 = JSON.stringify(info);		
// info 객체를 JSON으로 변경(문자열)
console.log(JSON.parse(info1));	
// {name:'홍길동',age:20,family:{mother:['mother',42],father:['father',43]}} 객체 출력

JSON.parse() – JSON 문자열 포맷을 객체로 바꿔줍니다.