개발공작소
728x90
[JS] javascript : 메서드 파라메터 기본값 설정과 기본값에 대한 이야기
FrontEnd/JavaScript 2022. 12. 18. 02:41

javascript에서 메서드의 파라메터(인자)의 기본값과 기본값 설정에 대해 정리해본다. 함수의 매개변수(인자)의 기본값은 undefined이다. 샘플코드 const paramsMethod = (a) => { console.log(a); console.log( 5 * a ); }; paramsMethod(); //👉️ undefined //👉️ Nan paramsMethod(3); //👉️ 3 //👉️ 15 위의 코드와 같이 a라는 인자를 받는 paramsMethod 메서드를 선언하였다. 그리고 paramsMethod를 호출할 때, 인자를 넘기지 않고 console.log를 통해 a를 찍어보면 undefined이 뜨는 것을 확인 할 수 있다. 즉 javascript에서 메서드의 인자의 기본값은 unde..

article thumbnail
[JS] javascript : delete를 통해 배열안에 있는 객체에서 특정 key값을 한번에 삭제하는 방법 + delete 연산자
FrontEnd/JavaScript 2022. 12. 17. 12:25

배열안의 객체에서 특정 키값을 모두 삭제하는 방법 샘플코드 var myArray = [ { name : 'michelle', age : 18, height : 180 }, { name : 'bomebome', age : 25, height : 168 }, { name : 'postge', age : 37, height : 192 }, { name : 'cmdgood', age : 20, height : 172 }, ]; var key = 'height'; -- array : 객체들을 담고 있는 배열 -- key : 한번에 삭제하고자 하는 키값 deleteKyes: (array, key) => { for (let obj of array) { delete obj[key]; } return array } --..

[JS] javascript : 객체(Object)의 key값 한번에 수정(rename)하는 함수
FrontEnd/JavaScript 2022. 12. 15. 21:50

이번에 DB에서 배열에 담긴 객체들을 가져 오고나서 키값을 코멘트로 변경해줄 일이 있어서 객체의 키값을 변경해주는 함수를 작성한 김에 객체의 키값을 한번에 수정할 수 있는 몇가지 함수를 정리해보려고 한다. 로직은 비슷하니 필요한 코드를 갖다 쓰거나 본인의 상황에 맞게 조금만 고쳐도 될 것 같다. 객체 + 객체의 키값을 매핑하여 키값을 변경한 객체를 리턴해주는 함수 샘플코드 var oldObj = { name : '봄봄', age : 18, soul_food : 'chicken' }; var newObj = { name : '이름', age : '나이', soul_food : '소울푸드' }; /** * newObj : key값과 코멘트를 가진 객체 * oldObj : 실제 List의 속성을 담은 객체 *..

[JS] javascript : 객체(Object)의 키(Key)값 수정하는 방법
FrontEnd/JavaScript 2022. 12. 15. 20:37

javascript에서 객체(Object)의 키값을 수정하는 방법을 찾아보니 아래와 같은 방법이 제일 많이 눈에 띄었다. 1) 새로운키에 기존키를 복사 2) 기존키를 삭제 샘플코드를 보면서 한번 테스트 해보자. 어렵지 않으니 그냥 샘플코드를 개발자도구 콘솔에 직접 찍으면서 테스트 해보면 바로 이해 될 것이다. 객체의 속성 복사/삭제를 통해 키(Key)값 수정 샘플코드 let myObj = { name : 'michelle', age : 18, height : 180 }; myObj['myName'] = myObj['name']; delete obj['name']; // 아래와 같이 작성하여도 됨 // myObj.myName = myObj.name; // delete myObj.name; console.l..

[JS] javascript : 이벤트리스너(EventListener) 한번만 수행하도록 옵션을 주는 방법
FrontEnd/JavaScript 2022. 12. 14. 12:53

이전에 addEventListener와 removeEventListener에 대해 정리를 해본 적이 있다. [JS] addEventlistener와 removeEventListener ( 이벤트 리스너 ) 이동 이 이벤트리스너는 addEventListener를 하고나면 기본적으로 계속 수행하게 되는데 그렇게 되면 이벤트를 더이상 수행하고 싶지 않을 때, removeEventListener를 통해 지워줘야 한다. 그때 사용할 수 있는 것이 once 옵션이다. addEventListener의 기본문법 addEventListener 기본문법 및 샘플코드 //기본문법 element.addEventListener(이벤트타입, 리스터(실행할 함수/동작), 옵션); //window 객체에 클릭이벤트를 추가하는 add..

article thumbnail
[JS] javascript : delete연산자를 통한 객체(Object)의 속성을 삭제하는 방법
FrontEnd/JavaScript 2022. 12. 14. 12:19

javascript에서 객체 속성을 삭제하는 방법은 delete 연산자를 이용하면 된다. 어려운건 없으니 그냥 아래 샘플객체와 코드로 테스트 해보면 바로 이해 될 것 이다. delete 연산자를 통한 객체 속성 삭제하는 방법 샘플객체 생성 var myObj = { name : 'michelle', age : 18, height : 180 } 샘플코드 delete myObj['name']; //결과 //{age: 18, height: 180} 결과 delete 연산자 - JavaScript - MDN Web Docs 참조

728x90