JAVASCRIPT5 reduce() 정리 reduce() : 배열의 각 요소에 대해 주어진 reducer() 함수를 실행하고, 하나의 결과값을 반환reducer() 함수의 반환 값은 누적값에 할당되고, 누적값은 순회 중 유지되므로 결국 최종 결과는 하나의 값이 된다. 누적 (acc)현재 값 (cur)현재 인덱스 (idx)원본 배열 (src) 매개변수- callback배열의 각 요소에 대해 실행할 함수로 다음 네 가지 인수를 받는다. - accumulator누산기는 콜백의 반환값을 누적한다.콜백의 이전 반환값 또는 콜백의 첫 번째 호출이면서 initialValue를 제공한 경우에는 initialValue의 값이 할당된다. - currentValue처리할 현재 요소 - currentIndex처리할 현재 요소의 인덱스로, initialValue를 .. 2024. 8. 14. Object() constructor 정리 Object.keys() : 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환 // 사용법Object.keys(obj) const object1 = { a: 'somestring', b: 42, c: false,};console.log(Object.keys(object1));// Expected output: Array ["a", "b", "c"] Object.values() : 객체의 모든 값들을 배열 형태로 반환하기 위해 사용 // 사용법Object.values(obj); const user = { name: 'Alice', age: 30, job: 'Engineer'};const values = Object.values(us.. 2024. 8. 7. [Array] 배열 객체의 메소드 ' .findIndex() '와 ' .indexOf '의 차이 .findIndex() - SyntaxfindIndex(callbackFn)findIndex(callbackFn, thisArg) - 반복 메서드로, callbackFn 함수를 배열의 각 요소에 대해 오름차순 인덱스 순서로 한 번씩 호출하고, callbackFn이 참인 값을 반환할 때까지 반복, 그런 다음 findIndex()는 해당 요소의 인덱스를 반환하고 배열 반복을 중단 - 주어진 조건을 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환하고, 만족하는 요소가 없으면 -1을 반환 - 첫 번째 요소에 대한 값을 얻고 싶은 경우 '.find() '사용- 배열의 length는 callbackFn을 처음 호출하기 전 저장됨- 이미 방문한 인덱스를 변경해도 callbackFn이 해당 인덱스에 대해 다시 호.. 2024. 6. 11. [Array] 배열 객체의 메소드 ' .find() '와 ' .filter() '의 차이 .find() - Syntaxfind(callbackFn)find(callbackFn, thisArg) - callbackFn이 'true'를 반환할 때까지 오름차순으로 배열의 각 요소에 대해 제공된 callbackFn 함수를 한 번씩 호출, 조건을 만족하는 요소를 반환하고 배열 순회를 중지(제공된 배열에서 조건을 만족하는 첫 번째 요소를 반환)- 조건을 만족하는 값이 없으면 'undefined' 반환- find()는 호출되는 배열을 변경하지 않지만, callbackFn으로 제공된 함수는 변경할 수 있음 - 예제 1const inventory = [ { name: "apples", quantity: 2 }, { name: "bananas", quantity: 0 }, { name: "cherries.. 2024. 6. 11. 자바스크립트를 이용한 달력만들기 구현 목표 1. 1일 이전의(지난 달의 날짜) 칸은 공백으로 둘 것 2. 오늘 날짜는 핑크색으로 출력할 것(날이 지날수록 유동적으로 바뀜) 3. 7칸을 출력한 후 다음 행으로 넘어갈 것(월의 요일값이 토요일=6과 일치하면 다음 행으로 넘어가도록) 달력을 만들기 위해 필요한 것 1. 해당하는 월(이번달)의 마지막 일 2. 월의 요일값 3. 1일의 요일값 2022. 10. 4. 이전 1 다음
