본문 바로가기
Web/JavaScript

[Javascript] Arrow Function

by merona99 2022. 1. 12.
반응형

Javascript - Arrow Function

 

Arrow Funcion은 코드 길이를 줄일 수 있고 보기 용이하기에 많이 쓰인다.

해당 함수의 기본 활용법에 대해서 알아보자.

 

 

기본 function

중괄호{}와 return값이 들어가는 function 함수를 정의했다.

 

 

Arrow Function

funtion의 선언과 중괄호{}, return을 사용하지 않는다.

 

 

 

파라미터가 하나일 경우에는 괄호()를 제거 가능

 

 

 

Arrow Funcion 활용

함수를 간략하게 사용하능 하기에 많은 부분에서 유용하게 쓰이는 기능

 

 

Map

for문을 사용하지 않고 주어진 배열에 접근하는 방법

 

기본 map

 

Arrow Function 활용

 

 

 

Filter

특정 조건에 해당하는 부분을 뽑는 기능

 

 

 

※ Arrow Funtion 정리

  1. Arrow Function(⇒)는 함수를 선언을 의미한다.
  2. Arrow Function(⇒) 을 활용하게 되면 코드 길이가 굉장히 짧아진다.
  3. Arrow Function(⇒) 을 사용할 때, return 키워드를 사용하면 괄호{}를 꼭 넣어줘야 한다.
  4. map 함수 : python 과 동일하다
  5. filter : 특정 값을 filtering 할 수 있는 기능이다.

 

반응형

댓글