JSON ECMA 스크립트의 JSON

황제낙엽 2019.10.16 09:42 조회 수 : 340

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>
 

이 게시물을
목록
쓰기 태그