나의 개발 기록지

reduce, includes 본문

JavaScript

reduce, includes

해기97 2023. 4. 30. 01:06

잊기전에 reduce와 includes 메모해두기

 

https://www.zerocho.com/category/JavaScript/post/5acafb05f24445001b8d796d reduce 설명 참고

 

reduce

 

일단 reduce, reduce는 배열 내장 함수이고 더하기 할때나 가끔씩 사용해봤었는데 아직까지 제대로 완벽히 이해하지않은 상태여서 코드를 읽는데 조금 시간이 걸렸다. 그래서 gpt의 도움으로 조금 이해가 가는 김에 메모

 

reduce()

 

const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((acc, curr) => acc + curr, 0);

console.log(sum); // 15

위 예제는 가장 흔히 볼 수 있는 덧셈 예제다.

acc는 누적 값이며 reduce 메소드의 두번째 인자로 받는 0은 초기값이다.

초기값이 0이므로 acc + curr === 0 + 1, 부터 시작 된다고 보면된다. 그러면 누적 값인 acc에는 1이 들어가게되고

그 다음 이루어지는 계산은 acc + curr === 1 + 2 가 된다. 이렇게 하나씩 하나씩 확인하며 누적 값을 쌓고 계산을 한다.

0 + 1 , 1 + 2, 3 + 3, 6 + 4, 10 + 5, 순서대로 계산 후 마지막으로 남는 acc, 누적 값이 15이며 sum에는 15가 남게되는 것

 

reduce는 덧셈 외에도 충분히 사용가능한 곳이 많다.

 

배열.reduce((누적값, 현재값, 인덱스, 요소) => { return 결과 }, 초깃값); 으로 작동하는걸 기억해두자.

 

reduce는 누적값으로 작동한다는걸 잘 기억해두자.

 


includes

 

includes, 간단히 배열에 특정 값이 있는지 확인하는 메소드이다.

 

const numbers = [1, 2, 3, 4, 5];
const numberToCheck = 3;

if (numbers.includes(numberToCheck)) {
  console.log(`${numberToCheck} is in the array.`);
} else {
  console.log(`${numberToCheck} is not in the array.`);
}

if문에서 includes를 사용해 numberToCheck가 numbers에 있는 지 확인하는 예제이다.

numbers는 [1,2,3,4,5]이며 numberToCheck는 3으로 배열안에 3이 들어있으므로

3 is in the array 가 출력될 것 이다.

 

간단히 생각하자. includes는 배열에 특정 값을 찾을 때 사용하는 메소드이다.

includes도 여러 방면에서 사용할 수 있으니 알아두면 좋을 것 같다.

'JavaScript' 카테고리의 다른 글

prototype  (0) 2023.03.29
객체지향 Class 문법  (0) 2023.03.29
변수 선언과 호이스팅  (1) 2023.03.14