배열안의 객체에서 특정 키값을 모두 삭제하는 방법 샘플코드 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 } --..

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

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..

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

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

encodeURI와 encodeURIComponent 비교 공통점 1) 전역 함수로 어디서든지 호출가능함 2) URI 문자열을 파라메터로 받아 인코딩 된 문자열을 리턴함 차이점 encodeURI : :, ;, /, =, ?, & 등을 제외하고 인코딩 처리함 encodeURIComponent : 모든 문자를 인코딩 처리함 encodeURIComponent는 모든 문자를 인코딩 처리함으로써 encodeURI보다 더 많은 문자를 인코딩한다. - MDN 샘플코드 var uri = 'https://bongra.tistory.com/category/서버/Tomcat'; encodeURI('https://bongra.tistory.com/category/서버/Tomcat'); --결과 : 'https://bongra..