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>
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
9 | json 데이터 내의 변수명에 prefix 로 type 표현하기 | 황제낙엽 | 2024.04.15 | 0 |
8 | (Bard) JavaScript로 JSON 배열을 작성하는 방법 | 황제낙엽 | 2023.08.21 | 0 |
7 | JSON 클래스가 지원하는 function | 황제낙엽 | 2023.03.31 | 1 |
6 | (Copilot) JSON 객체의 내부 데이터 리스트 길이를 구하는 방법 | 황제낙엽 | 2023.03.30 | 2 |
5 | Json 특징 및 문법 | 황제낙엽 | 2021.01.26 | 11 |
» | ECMA 스크립트의 JSON | 황제낙엽 | 2019.10.16 | 48 |
3 | JSON.parse() - feat. Object.assign | 황제낙엽 | 2017.07.09 | 77 |
2 | 링크모음 | 황제낙엽 | 2011.03.25 | 25 |
1 | 개요 | 황제낙엽 | 2009.03.11 | 28 |