본문 바로가기

분류 전체보기58

ArrayFunction3 (forEach) 자바스크립트 배열 메소드의 가장 기본이 되는 forEach를 이제서야 글로 정리하게 되었다. (딱히 어떤 사유는 없었지만 궁금한거 위주로 먼저 작성을 하다보니...) 쨋든 forEach는 뭐하는 함수이냐! 개발에 입문한 사람이라면 for를 이용한 반복문은 알고 있을 것이다. forEach 메서드는 for문의 형식을 코드로 한땀한땀 적지 않아도 되게끔 해주는 함수라 보면 된다. let arr = [1,2,3,4,5] for(let i = 0; i < arr.length; i++){ console.log(arr[i]) }; // 1 // 2 // 3 // 4 // 5 arr.forEach(function(val){ console.log(val) }); // 1 // 2 // 3 // 4 // 5 위의 두 코.. 2021. 12. 21.
Visual Studio Code 단축키 기본 편집 단축키 단축키 구분핵심 설명Command ID Ctrl + X 커서 위치 행 삭제(잘라내기) 커서 행 코드가 필요 없을 경우 드래그로 선택하지 않고, 해당 행에 커서를 놓고 Ctrl + X로 행을 삭제(잘라내기)합니다. Ctrl + Shift + K 커서 위치 행 삭제 커서 행 코드가 필요 없을 경우 드래그로 선택하지 않고, 해당 행에 커서를 놓고 Ctrl + Shift + K로 행을 삭제합니다. Ctrl + C 커서 위치 행 복사 커서 행 코드를 반복해서 사용해야 할 경우, 해당 행에 커서를 놓고 Ctrl + C로 행을 복사합니다. Ctrl + Enter 커서 아래 행 빈줄 생성 커서를 맨 뒤로 보낸 후 Enter를 쳐서 빈 행을 생성할 수 있지만, 행의 코드 중간 부분에서도 Ctrl + E.. 2021. 12. 16.
ArrayFunction 2 (find, filter) find와 filter는 사용하는 방법, 메커니즘은 동일하다. 다만 return값이 다른데 find의 경우에는 조건을 만족하는 최초의 값을 찾아 반환하고 filter의 경우에는 조건에 만족하는 모든 값을 배열의 형태로 반환해준다. 두 함수 모두 함수의 대상이 되는 배열의 상태를 변화시키지 않는 함수이다. (arr.find() , arr.filter()를 해도 arr는 변화가 없음) find와 filter는 모두 인자로 콜백 함수를 넘겨주면 된다. 콜백함수의 인자는 조건 검사의 대상이 되는 배열의 값이 순서대로 넘어가고 return 값은 true false로 결정될 수 있는 조건식이 들어가면 된다. 아래의 코드 블록을 보면 이해가 쉽다. const arr1 = [1,2,3,4,5,1] // const ar.. 2021. 12. 14.
Array Function 1 (Map) map 함수는 ES5에서 처음 등장한 스펙으로 실제로 로직 구현에서 자주 등장하는 함수 중 하나이다. 우선 아주 쉬운 예를 하나 보도록 하자 let arr = [1,2,3,4,5] let arr2 = arr.map((item) => { item + '일' }); console.log(arr) // [1,2,3,4,5] console.log(arr2) // ['1일','2일','3일','4일','5일'] 위의 코드와 같이 어떠한 배열이 있는데, 그 배열에 모두 똑같은 변화(추가 혹은 삭제 혹은 모두 같은 값)를 주기 위해 사용하는 것이 Array.prototype.map()이다. 그렇다면 실제로 직접 해 볼 수 있는 예제로 몇가지를 수행해보도록 하자! (예제는 MDN사이트에서 가져왔으므로 정답은 MDN사이.. 2021. 12. 13.