[JavaScript] JSON 데이터 다루기 JSON.parse, JSON.stringify

 

 

 

 

JSON

JSON(Javascript Object Notation)은 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷이다.

일반적으로 웹에서 데이터를 전송할 때 사용한다.

포맷은 key : value 형식으로 사용한다.

 

 

 

JSON.parse

인수로 전달받은 문자열을 자바스크립트 객체로 변환한다.

 

JSON.stringify

인수로 전달받은 자바스크립트 객체를 문자열로 변환한다.

 

$(document).ready(function(){
	var obj = '{ "NAME" : "ggmouse", "AGE" : 30 }'; 
	console.log(obj); 
 
	var jsonObj = JSON.parse(obj); 
	console.log(jsonObj);
 
	var jsonStr = JSON.stringify(jsonObj); 
	console.log(jsonStr); 
 });

 

결과

 

 

 

key 값으로 value값을 가져와보자

 

$(document).ready(function(){
	var obj = '{ "NAME" : "ggmouse", "AGE" : 30 }'; 
	console.log(obj); 
 
	var jsonObj = JSON.parse(obj); 
	console.log(jsonObj.NAME);
 });

 

jsonObj.NAME

key값 NAME으로 value값 ggmouse 가져오기

 

결과

 

 

 

 

반복문(forEach)으로 value값을 전체 가져와보자

 

$(document).ready(function(){
	var jsonObj = [{ "NAME":"ggmouse" }, {"NAME":"woo"}, {"NAME":"kim"}]; 
 
	jsonObj.forEach(function (n) {
		console.log(n.NAME);
	});
});

 

결과