IT/Javascript

객체 초기화 필요성

KeepGooing 2021. 5. 21. 13:16
반응형
const ParamObject =[];
let  tempObject;
    
    $('#addPramObjectButton').on('click', function() {

        tempObject = {}; //초기화를 반드시해야됨 초기화를 안하면 같은 값이 반복해서 들어간다.

        let intentParam        = $('#intentParam').val();
        let defaultVal         = $('#defaultVal').val(); 
        let notNull            = $('#notNull').val(); 
    
        tempObject.intentName = intentParam
        tempObject.defaultVal = defaultVal
        tempObject.notNull = notNull

        console.log('tempObject' , tempObject);
        
        ParamObject.push(tempObject);

        alert('입력되었습니다.')

        $('#intentParam').val('');
        $('#defaultVal').val('');
        $('#notNull').val('');

        console.log('ParamObject' , ParamObject);
        // let html='';
        // ParamObject.map(elem => {
        //     $('#paramObjectShow').empty();

        //     html +=`
        //         <label for="show" style="font-size: 15px; color: darkcyan; font-weight: bold;">${elem.intentName}</label>
        //         <label for="show" style="font-size: 15px; color: darkcyan; font-weight: bold;">${elem.defaultVal}</label>
        //         <label for="show" style="font-size: 15px; color: darkcyan; font-weight: bold;">${elem.notNull}</label><br/>
        //     `
        // });
        // $('#paramObjectShow').append(html);
    })

반응형