개발/Javascript
[JAVASCRIPT] recude 반복 중지 break 하기
서론 개발하면서 자주 사용하던 reduce를 쓰면서 반복을 중지할 때가 간혹 있는데 그것을 정리하고자 한다. 데이터 let reduceList = [...this.items]; let checkData = reduceList.reduce((acc, obj) => { // 5번째 데이터를 가져오는 조건 if(obj.value === 5) { acc = obj; reduceList.splice(1); } return acc; }, {}); 확인 사항 1. 기준되는 items를 깊은 복사하여 reduceList 생성 2. reduceList 를 reduce 하여 조건 체크 3. 조건에 맞을시 reduce 반복을 break 하기위해 splice를 사용하여 reduceList 길이를 1로 핸들링(ex. reduc..
[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..