개발/Javascript
[javascript] push() vs .push().apply() vs concat()
서론 프로젝트에서 목록 조회 후 더보기 기능을 넣을때 기존 데이터에 조회 데이터를 set 해야 하는 상황이 있어 정리하고자 한다. let numbersArray = [1, 2] numbersArray.push([3, 4]) [1, 2, [3,4]] let numbersArray = [1, 2] numbersArray.push.apply(numbersArray, [3, 4]) [1, 2, 3, 4] let numbersArray = [1, 2] numbersArray.concat([3, 4]) Array [1, 2, 3, 4] 결론 push : 기준 배열 끝에 입력된 데이터를 추가한다. 입력된 데이터가 무엇인지 관계 없음. push.apply : 기준 배열에 입력된 데이터가 배열인 경우 배열을 여러 인수로..
[javascript] 기준 object 변경 없이 조회한 object 데이터만 set 하기
서론 데이터 입력하는 화면에서 불러오기하여 가져온 데이터를 set 해달라는 요청이 있어서 개발을 시작하였습니다. 그런데 입력하는 화면에서 사용하는 obejct와 불러오기하여 가져온 object가 달라서 그대로 set할 수 없었습니다. 그래서 기준 object에 존재하는 속성 값만 set 하는 방법을 적어놓았습니다. 데이터 // 기준 데이터 const a = { test : 'test', test1: '', test2: '2' } //조회한 데이터 const b = { test1: '11', test2: '22' test3: '33' } //원하는 데이터 const a = { test: 'test', // b에 key가 없으므로 유지 test1: '11' // a가 빈값이고 b에 존재하므로 set test..
[javascript] 엑셀 이메일 한번에 붙여넣기(feat.이메일 체크 및 중복체크)
서론 사용자가 엑셀로 관리하고 있는 이메일 목록을 복사 & 붙여넣기 하여 수신자 목록을 적용하려고 한다. 그 기능을 적 소스 html 추가 ↓ {{ index }} {{ item }} 설명 textArea : 입력 폼으로 v-model="inputEmail" 을 이용하여 데이터 제어 button : inputEmail 데이터 유무로 disabled 제어하고 click시 addEamil 메소드 호출 div : addEmailList 데이터 기준으로 추가된 데이터를 노출 script 설명 메소드 replaceEnter : 엔터값을 정규식을 이용해 치환한 메소드로 치환값이 있다면 해당 값으로 치환하고 없다면 '/' 으로 치환한다. emailCheckFlag : 전달값을 이메일 체크하여 true / false ..