reduce 메소드

남지현·2024년 1월 24일
const instruments = ['piano', 'saxophone', 'guitar', 'drum'];

const result = instruments.reduce((누적값, 현재값, index) => {
  console.log(누적값);
  return `${누적값} ${index}: ${현재값}, `
}, '자 이제 시작이야! ')

console.log(result.slice(0, -2)); 입력하세요

오늘은 reduce 메소드에 대해서 알아보자
배열의 누적값으로 표기된 첫번째 인자는 forEach문처럼 돌면서 실행이 된다.
그리고 ibdex가 몇번째인지도 알려준다.

많은 메소드들이 있지만 오늘은 리액트 숙련 과정에 들어가면서 필수로 알아야할 메소드에 대해서 공부해봤다.

한줄한줄 console.log();를 찍는 습관을 만드는게 가장 중요한 포인트이다
공식문서 포함 구글링을 해보더라도 어차피 개발을 배운지 얼마 안된 나라면
직접 쳐보고 이해하는 방법 밖에 없다..
그에 따른 고생이 있지만......

return에다가 `` 이렇게 백틱을 사용해서
처음에는 누적값과 현재 값이 없는 걸로 확인 되면서 내가 적은 문구만 보인다.
두번쨰 다시돌면서 0: piano가 생겼고
세번째 부터는 누적값으로 0: piano가 유지 되면서 새로운 현재값인
1: saxophone 인덱스와 현재값이 생겼다.
이런식으로 점차 누적이 되어가면서 증가하는 것처럼 보여지는 메소드이다.

profile
평생을 공부하고 연구한다.

0개의 댓글