프론트엔드 개발자가 되기위한 여정 -40

이정우·2022년 10월 22일
0

frontend-bootcamp

목록 보기
43/60

밸!하~

밸로그 여러분 안녕하세요!

오늘의 포스팅주제는 바로~~

reduce

입니다!

그럼 reduce란 무엇이고 언제 사용하는지 알아볼까요~??

먼저 정의부터 알아보겠습니다!

reduce란?

배열에 사용할수있는 메서드중 하나로 배열의 각 요소에 대해 주어진 리듀서 함수를 실행하고 하나의 결과값을 반환합니다!

이 reduce라는 메서드는

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

이렇게 사용이 가능하며

배열의 원소를 입력으로 하여 1개의 수치 또는 문자열 또는 배열 또는 딕셔너리를 만들수있습니다!
또한 배열을 펼치거나 배열의 원소들의 개수를 셀수도 있는데요!

한번 reduce사용 예제를 봐볼까요?

1) qoduf dnjsthemfdml gkq rngkrl

let result = [1, 2, 3, 4, 5].reduce(
  ( acc, curr ) => acc + curr, 
  0
);
console.log(total) // 결과값: 15

자 이렇게 원소들을 다 더해서 한개의 값에 저축해줄수있다는것이죠

이것을 사용한다면 특정원소들의 합또는 특정값을 특정연산으로 돌린값을 받아올수있을겁니다

또한
최대값도 구할수있는데요?

어떻게 구할까요?

let max = [1, 2, 3, 4, 5].reduce(
  ( max, cur ) => Math.max( max, cur ), 
  -Infinity
);
console.log(max) // 결과값: 5

이렇게 하면 또한 구할수있겠죠?

이렇게 reduce라는것은 무궁무진하게 사용할수가있습니다

자 오늘의 포스팅은 짧지만 반드시 필요한 포스팅이었습니다
메서드를 많이 알면 많이 알수록 더욱 큰 퍼포먼스를 낼수있겠죠?

또한 특정문제에 대한 해결방법또한도 알아갈수있을것입니다

오늘도 지식한개 쌓아가 봐요!

그럼 이만

밸~바!

profile
주니어 프론트엔드 개발자

0개의 댓글