JSON ECMA 스크립트의 JSON

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

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>
 

번호 제목 글쓴이 날짜 조회 수
206 [GitHub] JavaScript Algorithms and Data Structures (알고리즘과 자료구조) file 황제낙엽 2021.03.01 595
205 콜백지옥과 비동기제어 file 황제낙엽 2021.02.18 1590
204 Json 특징 및 문법 황제낙엽 2021.01.26 522
203 비동기프로그래밍 - 콜백함수(Callback function) file 황제낙엽 2020.08.26 681
202 Strict 모드 황제낙엽 2020.08.23 627
201 window.postMessage() 황제낙엽 2020.07.29 2114
200 withCredentials 관련 황제낙엽 2020.07.29 542
199 CORS 관련 레퍼런스 URL 황제낙엽 2020.07.10 590
» ECMA 스크립트의 JSON 황제낙엽 2019.10.16 580
197 경과 시간 구하기 황제낙엽 2019.10.04 1673
196 입력받은 날짜와 현재 날짜와의 비교 함수 황제낙엽 2019.08.02 1049
195 사용자 모듈 만들기 황제낙엽 2019.07.09 42275
194 charcode 32와 160 차이 (javascript char 160 to 32) 황제낙엽 2019.05.11 580
193 UTF-8 한글 초성 추출 (자바스크립트) 황제낙엽 2019.05.07 750
192 IE브라우저에서 서버의 XML파일을 ajax로 가져와 DOM파싱하는 예제 (XMLHttpRequest, XML, ActiveXObject) 황제낙엽 2018.11.23 652
191 XMLHttpRequest.timeout 황제낙엽 2018.11.03 779
190 부동소수점 (floating-point) file 황제낙엽 2018.03.26 1626
189 User Agent Parser들 황제낙엽 2017.11.20 6204
188 window.postMessage 이해하기 file 황제낙엽 2017.10.16 1904
187 브라우저의 새로고침과 종료에 대한 이벤트 황제낙엽 2017.08.11 3327