JavaScript - JSON

JSON 클래스 함수 : JSON에 관련된 프로퍼티와 메소드 제공하는 클래스 함수

JSON 기능을 사용하여 Object 객체를 생성하여 변수에 저장

var student={num:1000,name:"홍길동"};
//alert("student 변수의 자료형 = "+typeof(student));//student 변수의 자료형 = object

Object.toString() : 객체를 생성한 클래스를 문자값으로 반환하는 메소드
> Object 객체가 저장된 객체변수를 출력할 경우 toString() 메소드 자동 호출

alert("student = "+student.toString());//student = [object Object]
alert("student = "+student);//student = [object Object] >> Object 객체
alert("학번 = "+student.num+", 이름 = "+student.name);

JSON.stringify(object) : 매개변수로 자바스크립트 객체를 전달받아 JSON 형식의 문자값으로 변환하여 반환하는 메소드
>웹프로그램을 요청할 때 자바스트립트 객체를 JSON 형식의 문자값으로 변환하여 전달하기 위해 사용

var text=JSON.stringify(student);
//alert("text 변수의 자료형 = "+typeof(text));//text 변수의 자료형 = string
//alert("text = "+text);//text = {"num":1000,"name":"홍길동"}

JSON.parse(json) : 매개변수로 JSON 형식의 문자값을 전달받아 자바스크립트 객체로 변환하여 반환하는 메소드 - eval 함수 사용 가능
> 웹프로그램을 요청하여 JSON 형식의 문자값으로 응답받은 경우 응답결과를 자바스크립트객체로 변환하여 사용

var stu=JSON.parse(text);
//JSON 형식의 문자값을 자바스트립트 명령으로 변환하여 Object 객체 생성
var stu=eval("("+text+")");
	//alert("stu 변수의 자료형 = "+typeof(stu));//stu 변수의 자료형 = object
	//alert("stu = "+stu);//stu = [object Object] >> Object 객체
alert("학번 = "+stu.num+", 이름 = "+stu.name);