Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 부트캠프 #개발일지 #TIL #그리드 #CSS
- 부트캠프 #스파르타코딩클럽 #개발일지# #html
- 개발일지 #TIL #프론트엔드 #HTML
- 부트캠프 #스파르타코딩클럽 #개발일지# #TIL #Javascript #confirm #location.href
- 부트캠프 #개발일지 #TIL #FlexboxFroggy #displayflex #flexbox
- 개발일지
- querySelector
- 깃허브오류
- Til
- 리액트
- React
- textContent
- appendChild
- useState
- 의사클래스
- 템플릿스트링
- js
- ㅜㄹㄹ
- 특성선택자
- 부트캠프 #개발일지 #TIL #CSS속성 #float #clear
- 부트캠프 #CSS #개발일지 #TIL #박스모델
- 부트캠프 #코딩 #개발일지 #프론트엔드 #CSS #TIL
- 알고리즘
- 부트캠프 #CSS #개발일지 #TIL
- JS예제
- 부트캠프
- useEffect
- 결합선택자
- CSS
- 부트캠프 #개발일지 #TIL #Position #위치
Archives
- Today
- Total
나의 개발일지
[Javascript] reduce 본문
// [요구사항]
// 아래 함수 multiply는 두 인자를 받아 곱한 값을 반환합니다. 해당 함수를 완성하십시오.
// [코드]
function multiply(a, b) {
return a * b;
}
console.log(multiply(2, 3));
// [테스트]
// multiply(2, 3)은 6을 반환해야 합니다.
// -----------------------------------------------------
// [요구사항]
// 주어진 숫자 배열의 모든 요소를 더하는 함수 sumArray를 작성하세요.
// [코드]
const numbers = [1, 2, 3, 4, 5];
function sumArray(total, number) {
return total + number;
}
const result = numbers.reduce(sumArray);
console.log(result)
// [테스트]
// sumArray([1, 2, 3, 4, 5])은 15를 반환해야 합니다.
// reduce() 함수는
// 배열의 모든 요소에 콜백 함수를 적용하여 하나의 결과 값을 생성하는 함수입니다.
// 배열의 요소들을 하나로 줄여(reduce) 집계한 값을 반환합니다.
// reduce 함수 추가 학습
// 1. 배열의 모든 요소를 곱하기
const numbers1 = [2, 3, 4, 5];
function sum(total1, number1) {
// total = accumulator : 초기값의 값이 accumulator 변수에 할당된다
// number1 = currentValue : 배열의 첫 번째 요소 값이 currentValue 변수에 할당된다.
return total1 * number1;
}
const result1 = numbers1.reduce(sum, 1);
console.log(result1);
// 틀린 이유 : reduce(sum, 1) <-- 1을 안 썼기 때문
// 위 코드에서는 초기 누적 값으로 1을 사용하고, 각 요소를 곱하여 결과를 누적
// 초기 누적 값을 0으로 설정하면 모든 값이 0으로 곱해지기 때문에
// 1을 사용해야 한다.
// 2. 배열의 최소값 찾기
const numbers3 = [5, 3, 9, 2, 7];
function findMin (x, y) {
return x > y ? y : x;
}
const result2 = numbers3.reduce(findMin)
console.log(result2);
// 3. 배열의 최대값 찾기
const numbers4 = [5, 3, 9, 2, 7];
function findMax (x, y) {
return x > y ? x : y
}
const result3 = numbers4.reduce(findMax)
console.log(result3);
// 4. 배열을 반환하는 방법
const numbers5 = [1, 2, 3, 4, 5];
function square(accumulator, currentValue) {
accumulator.push(currentValue * currentValue)
// push()는 배열에 끝에 넣어주는 요소!
// currentValue * currentValue 의 값이 accumulator 초기값으로 설정해둔 []에 들어간다
return accumulator;
// 누적된 배열을 반환한다
}
const squareArray = numbers5.reduce(square, [])
// 초기값을 [] 빈 배열로 사용
console.log(squareArray);
'JavaScript > js 예제풀기' 카테고리의 다른 글
[Javascript] 보충반 강의 예제풀이(1) (0) | 2023.10.25 |
---|