JSON ECMA 스크립트의 JSON

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

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>
 

번호 제목 글쓴이 날짜 조회 수
246 사용자 모듈 만들기 황제낙엽 2019.07.09 42107
245 User Agent 정보 모음 file 황제낙엽 2011.02.22 11393
244 페이지 스크롤 끝 확인 황제낙엽 2011.10.24 6837
243 숫자 여부와 자리수를 체크 하는 예제 황제낙엽 2009.01.12 5523
242 User Agent Parser들 황제낙엽 2017.11.20 5522
241 연속해서 스트림 받기 (flush data from servlet to jsp with ajax) 황제낙엽 2013.01.04 5110
240 ActiveX 설치 여부를 검사하는 스크립트 황제낙엽 2011.02.13 4459
239 [JavaScript Tutorials] Handling runtime errors in JavaScript using try/catch/finally (해석중) 황제낙엽 2009.04.08 3208
238 브라우저의 새로고침과 종료에 대한 이벤트 황제낙엽 2017.08.11 3115
237 오류:호출자(서버 응용 프로그램이 아닌 서버)가 사용될 수 없어서 사라졌습니다. file 황제낙엽 2012.03.14 2225
236 외부 라이브러리 (.js) 의 바람직하지 않은 동적 로딩 (eval함수 이용) 황제낙엽 2012.01.18 2178
235 object clone 황제낙엽 2011.07.08 2164
234 window.postMessage 이해하기 file 황제낙엽 2017.10.16 1904
233 window.postMessage() 황제낙엽 2020.07.29 1889
232 IE and Memory accumulation in Javascript (document.createElement()) file 황제낙엽 2011.11.24 1589
231 경과 시간 구하기 황제낙엽 2019.10.04 1462
230 javascirpt IME-Mode 설정하기 황제낙엽 2010.08.17 1459
229 부동소수점 (floating-point) file 황제낙엽 2018.03.26 1451
228 콜백지옥과 비동기제어 file 황제낙엽 2021.02.18 1327
227 중첩 함수, 함수 클로저 황제낙엽 2008.08.12 1253