반응형

배열인지 오브젝트인지 체크 필수

배열이면 .push 

오브젝트 이면 data[key]['추가할키'] = '추가 value'

push 로 하면 10개 돌리면서 10번 추가하면 배열 늘어남 20

메서드 (파람데이터){

파람데이터.forEach( function(value,key) {
 if( '조건매칭' === value.code){
   받아온데이터[key]['추가키'] = '추가 데이터'
 }
});

return 파람데이터;

}

front 에서  데이터로 삽질 중 vue 이놈

 

반응형
반응형
ECMAScript 5:
No, its not possible with objects.

You should either iterate with for..in, or Object.keys, like this

for (var key in dictionary) {
    // check if the property/key is defined in the object itself, not in parent
    if (dictionary.hasOwnProperty(key)) {           
        console.log(key, dictionary[key]);
    }
}

이것저것해도 안되었는데 저걸로 하니 되었음 ㅎㅎ

오브젝트 형태는

Car : {
	hyun : 'h',
    kia	:'k',
    carList : null
}

 

누군가 도움이 되길..

반응형
반응형


유연하다
객체에 속하는곳이 this 다

예 코드)

let a ={}   // a 객체 
let b ={}  // b 객체 
// test 메소드 객체 
function test(){ 
 //console.log(this); 
 switch(this){ 
   case a: 
console.log( 'a this'); 
break; 
   case b: 
console.log( 'b this'); 
break; 
   case window: 
console.log( '아무것도없는 최상위 window this'); 
break; 
 } 
} 

//test 구문 
test(); 
test.apply(a); 
test.apply(b);
반응형
반응형
$(this).parent('div.group');

클릭한 기준 부모요소 div 찾은후
하위 group 변수화

$addrDiv = $(this).parent('div.group');

팝업처리  후

다시 부모창에 변경 값 전달
$addrDiv.find( ':text.zipCd')



반응형
반응형


마법의 정규식 !!! 


function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}


끄읏 ~ 



반응형
반응형



let testArray = ["55","43","22"];


특정 구분자로 배열 데이터 문자열 변환 가능


ex

testArray.join(',')  


결과값

"55","43","22"


testArray.join('|')  


결과값

"55"|"43"|"22"



parameter 가 배열로 넘어가면 vo 처리가 복잡해 질듯하여


스크립트로 배열 데이터 문자열 데이터로 변환하여 처리


반응형
반응형

오늘 알게된 팁 ㅎㅎ


function test( name ,age ) {

console.log(` your name ${name} you are age ${age}`);

}


더이상 + "" + 안써도 됨 귯~ 끝

반응형
반응형


갑이 자꾸 요구를 바꿔서 으으으 짜증


여하튼 api 콜 json 특정 key 가 없을때 처리


예)

test{

    ch1:'test',

    ch2:'test2',

    ch3:'test3'

}


어쩔때는


test{

    ch1:'test',

    ch3:'test3'

}


이런경우


jsonobject 에서는 object.has 로 키가 있는지 체크 가능


하여  최종 소스

JSONObject jsonObj = new JSONObject(리스트데이터 받아오기);

JSONArray rtn_record = new JSONArray();

rtn_record = jsonObj.getJSONArray("test");

// 레코드 데이터가 있을때만 INSERT

if (rtn_record.length() > 0) {

    for (int i = 0; i < rtn_record.length(); i++) {

        JSONObject obj = rtn_record.getJSONObject(i);

        if(obj.has("ch2") && obj.getString("ch2") != null){

            //ch2 키가 있고 값이 있을때 

        }

    }

}


참고 URL

http://blog.devez.net/345

http://kkgram.tistory.com/9

반응형
반응형


rtnArraydata[0]['name']


배열데이터 rtnArraydata[ index 번호 ] name 값을 가져와라..

이게 생각이 안나서 폭풍 검색 했는데 안나옴..


이걸 키워드를 어떤걸 걸어야하나.. 다들 삽질 하지 마세요 ~

javascript array , return array ,삽질 방지 


구현 하려던 기능은

- 페이지 로딩하고 셀렉트 박스 동적 셋팅

- 동적 세팅된 값 중 첫번째 값 자동 선택


vue 코드 


export default {

  data () {

    return {

      roadData: {

        selectlist: [],

        selected: null

      }

    }

  },

  mounted () {

    this.onInit()

  },

  methods: {

    onInit () {

      this.doSearchInit()

    },      

    doSearchInit () {

        Http.get(`셀렉트박스데이터/url `, 전달파라미터 ).then(data => {

            this.roadData.selectlist = []

            this.roadData.selectlist = data

            this.roadData.selected = data[0]['name']

        })

    }    

  }

}

</script>

반응형
반응형

요즘 프론트 코드는 거의 vscode 를 사용하는것 같다


근데 간단한 스크립트도 요즘 서버에서 동작... 

심플하게 테스트 하기 위해 방법을 찾던중 발견


https://youtu.be/gQojMIhELvM

vscode 설치하고

왼쪽 네모칸 눌러서

live server 검색

설치하고 

index.html 하나 만들어서 에디터 창에 ! 한번 치니 기본 형식 한방에 나옴 ㅋㅋㅋㅋ

다시 에디터 창에서 마우스 오른쪽 open with live server 해주면 끝 


즐 개발 

반응형

+ Recent posts