JSON ECMA 스크립트의 JSON

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

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>
 

번호 제목 글쓴이 날짜 조회 수
217 client 통신 기술 jquery ajax, fetch, axios 황제낙엽 2021.12.05 8
216 문자열에서 역슬래시(backslash) 문자와 유니코드(Unicode)에 대한 고찰 file 황제낙엽 2021.06.03 160
215 XMLHttpRequest Specification 황제낙엽 2021.04.29 11
214 자바스크립트(Javascript) escape, encodeURI, encodeURIComponent 인코딩 함수 황제낙엽 2021.04.27 34
213 자바스크립트 학습용 유튜브 강의 (드림코딩 by 엘리) 황제낙엽 2021.03.07 119
212 IIFE (Immediately Invoked Function Expression) 황제낙엽 2021.03.07 14
211 Arrow function 황제낙엽 2021.03.07 8
210 함수 Call Stack 디버깅을 위한 함수 선언 팁 황제낙엽 2021.03.07 9
209 Function declaration 과 Function expression 의 차이 황제낙엽 2021.03.07 10
208 Early return, early exit - 스크립트 가독성 개선 팁 황제낙엽 2021.03.07 19
207 [GitHub] JavaScript Algorithms and Data Structures (알고리즘과 자료구조) file 황제낙엽 2021.03.01 11
206 콜백지옥과 비동기제어 file 황제낙엽 2021.02.18 63
205 Json 특징 및 문법 황제낙엽 2021.01.26 11
204 비동기프로그래밍 - 콜백함수(Callback function) file 황제낙엽 2020.08.26 33
203 Strict 모드 황제낙엽 2020.08.23 10
202 window.postMessage() 황제낙엽 2020.07.29 303
201 withCredentials 관련 황제낙엽 2020.07.29 39
200 CORS 관련 레퍼런스 URL 황제낙엽 2020.07.10 53
199 서비스 워커 file 황제낙엽 2020.05.25 177
» ECMA 스크립트의 JSON 황제낙엽 2019.10.16 48