sitelink1 | |
---|---|
sitelink2 | |
sitelink3 | |
sitelink4 | |
extra_vars4 | |
extra_vars5 | |
extra_vars6 |
JSON(JavaScript Object Notation)
ECMAScript5부터는 정식으로 JSON 객체를 지원하게 되었다.
자바스크립트 객체의 형태를 가지는 문자열을 의미
1) 자바스크립트를 객체를 JSON 문자열로, JSON 문자열을 자바스크립트로 변환하는 예제 (.stringify, .parse)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON(JavaScript Object Notation)</title>
<script>
var object = {
name:'홍길동',
gender:'Male'
};
// 자바스크립트 객체를 JSON 형식의 문자열로 만든다.
alert(JSON.stringify(object));
// parse(): JSON 문자열을 자바스크립트 객체로 변환
var copy = JSON.parse(JSON.stringify(object));
alert(copy.name + ': ' + copy.gender);
</script>
</head>
<body></body>
</html>
2) 날짜값을 JSON(JavaScript Object Notation) 형식으로 담아 출력하는 예제 (toJSON)
<script>
var date = new Date();
alert(JSON.stringify(date.toJSON()));
</script>
3) 자바의 오버라이딩 개념으로 JSON을 함수를 정의해서 반환하는 예제
<script>
var object = {
name:'object',
prop:'object',
toJSON:function(){
return { custom:'custom' };
}
};
alert(JSON.stringify(object));
</script>