[ES6 문법] 화살표 함수(Arrow Function)

 

 

 

화살표 함수(Arrow Function)란?

화살표 함수는 ES6(ECMAScript 6)에서 도입된 새로운 함수 작성 방식이다.

기존에 사용하던 function 키워드를 생략하고 => 기호를 사용하여 간결한 문법으로 함수를 표현할 수 있다. 

 

 

일반 함수 표현법

function (a, b) { return a + b; }

 

화살표 함수 표현법

(a, b) => a + b

 

화살표 함수는 주로 익명의 함수를 간략하게 작성할 때 사용한다.

 

반응형

 

배열 요소 제곱하기

주어진 배열의 각 요소를 제곱하여 새로운 배열을 만드는 예제를 살펴보자. 

var arr = [10, 20, 30];

 

 

 

 

방법 1.  forEach와 화살표 함수 사용하기

아래 코드는 forEach() 함수를 사용하고 인자로 화살표 함수를 전달했다. 

var arr2 = []; 
arr.forEach(item => arr2.push(item * item)); 
console.log(arr2); // [100, 400, 900]

 

 

 

방법 2.  map()과 화살표 함수 사용하기

map() 함수를 사용하여 한 줄로 배열 요소를 제곱하는 코드를 작성할 수도 있다.

var arr2 = arr.map(item => item * item);
console.log(arr2); // [100, 400, 900]

 

이 방법은 map() 함수가 배열의 각 요소에 대해 콜백 함수를 실행하면서

새로운 배열을 생성해 원 배열에 영향을 주지 않는다.