JavaScript

340. (javaScript) 자바스크립트 toJSON 사용해 JSON.stringify 문자열 생성 시 특정 프로퍼티 속성 값만 설정 실시

투케이2K 2023. 11. 17. 18:29

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : JavaScript

 

[소스 코드]

    <!-- ===================================================================================================== -->
    <!-- [자바스크립트 코드 지정] -->
    <!-- ===================================================================================================== -->
    <script>


        /*
        -----------------------------------------
        [요약 설명]
        -----------------------------------------
        1. toJSON : JSON.stringify 를 사용해 json 형식 문자열로 출력 시 지정된 프로퍼티 속성만 json 으로 변환해줍니다
        -----------------------------------------
        2. JSON.stringify : Object 를 json 형식 문자열로 변환해줍니다
        -----------------------------------------
        */



        // [html 최초 로드 및 이벤트 상시 대기 실시] 
        window.onload = async function() {
            console.log("");
            console.log("=========================================");
            console.log("[window onload] : [start]");
            console.log("=========================================");
            console.log(""); 


            // [로직 처리 실시]
            try {

                // [jsonObject 변수 선언]
                var jsonObject = {
                    age: 30,
                    name: "투케이2K",
                    adrress: "서울",
                    toJSON: function(){ // [json 변환 시 출력 될 값 지정]
                        return {
                            age: this.age,
                            name: this.name
                        };
                    }
                };


                // [json 형식 문자열로 변환 실시]
                var jsonString = JSON.stringify(jsonObject);


                // [로그 출력 실시]
                console.log("");
                console.log("=========================================");
                console.log("[window onload] : [result]");
                console.log("----------------------------------------");
                console.log("[jsonString] :: " + jsonString);
                console.log("=========================================");
                console.log(""); 
            }
            catch (err){
                console.error("");
                console.error("=========================================");
                console.error("[window onload] : [catch] : Error");
                console.error("----------------------------------------");
                console.error("[err] :: " + err);
                console.error("=========================================");
                console.error(""); 
            }

        };
 

[결과 출력]

 

=========================================
[window onload] : [result]
----------------------------------------
[jsonString] :: {"age":30,"name":"투케이2K"}
=========================================

 

반응형