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 iframe auto resize (cross browsing) 황제낙엽 2011.05.13 658
216 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 648
215 [JavaScript Tutorials] Introducing the closure (해석중) 황제낙엽 2009.04.10 555
214 입력받은 날짜와 현재 날짜와의 비교 함수 황제낙엽 2019.08.02 500
213 Javascript 를 사용하여 Binary File 읽기 황제낙엽 2010.09.29 500
212 url encode & decode 황제낙엽 2011.10.30 469
211 자바스크립트로 서버의 XML파일을 접근 (실패했슴) 황제낙엽 2005.12.11 444
210 XMLHttpRequest 의 이벤트 onreadystatechange 황제낙엽 2012.05.30 412
209 Defining classes and inheritance (클래스 정의와 상속) 황제낙엽 2011.03.24 392
208 Javascript 내장객체 String 황제낙엽 2007.04.10 392
207 JavaScript Array.push Performance 황제낙엽 2011.11.21 380
206 JavaScript Touch and Gesture Events iPhone and Android 황제낙엽 2012.04.12 337
205 Faster JavaScript Memoization For Improved Application Performance 황제낙엽 2011.11.04 333
204 진행 상황 추적하기(XMLHttpRequest.readyState) file 황제낙엽 2012.05.23 324
203 String Performance: Getting Good Performance from Internet Explorer (IE7) 황제낙엽 2011.11.24 312
202 window.postMessage() 황제낙엽 2020.07.29 303
201 unshift() Method 황제낙엽 2009.03.02 287
200 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 261
199 Jasmine 테스트 및 CI 구축 가이드 황제낙엽 2016.11.16 254
198 정규식 정리 황제낙엽 2008.11.24 252