TIL 220114

Zoey·2022년 1월 14일
0

TIL

목록 보기
5/7

오늘부터 알고리즘을 풀기 시작했는데 아직 많이 부족해서 모든 게 어렵고 새롭다😢
어떤 것부터 공부해야할지 막막하지만 우선은 차근차근 풀어보면서 알게된 내용들을 정리해본다.


javascript

reduce

reduce() 메서드는 오늘 처음 알게 됐는데 굉장히 쓸 곳이 많은 메서드였다.

사용 예시는 이렇다 !

const array1 = [1, 2, 3, 4];
const reducer = (previousValue, currentValue) => previousValue + currentValue;

// 1 + 2 + 3 + 4
console.log(array1.reduce(reducer));
// expected output: 10

// 5 + 1 + 2 + 3 + 4
console.log(array1.reduce(reducer, 5));
// expected output: 15

그림으로 설명하자면 요런느낌!

(발그림;)

화살표 함수를 통해서도 사용할 수 있다!

[0, 1, 2, 3, 4].reduce( (prev, curr) => prev + curr );

MDN reduce📍


화살표 함수?

화살표 함수 표현(arrow function expression)은 전통적인 함수표현(function)의 간편한 대안이지만 몇 가지 제한점이 있고 모든 상황에 사용할 수는 없다.

  • this나 super에 대한 바인딩이 없고, methods 로 사용될 수 없습니다.
  • new.target키워드가 없습니다.
  • 일반적으로 스코프를 지정할 때 사용하는 call, apply, bind methods를 이용할 수 없습니다.
  • 생성자(Constructor)로 사용할 수 없습니다.
  • yield를 화살표 함수 내부에서 사용할 수 없습니다.

기본구문

(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
// 다음과 동일함:  => { return expression; }

// 매개변수가 하나뿐인 경우 괄호는 선택사항:
(singleParam) => { statements }
singleParam => { statements }

// 매개변수가 없는 함수는 괄호가 필요:
() => { statements }

MDN 화살표함수📍


흐암 너무 졸리니까 오늘은 여기까지!

profile
한 걸음씩 단단하게 !

0개의 댓글