자바스크립트에서 화살표 함수 사용하기

화살표 함수는 콜백으로 사용될 때 특별한 이점을 가지고 있습니다. 이러한 경우 코드가 얼마나 단순화되는지 예제를 통해 살펴보겠습니다. 예를 들어 다음과 같은 함수 filter가 있다고 가정하겠습니다:

function filter(arr, callback) {
	let res = [];

	for (let elem of arr) {
		if ( callback(elem) === true ) {
			res.push(elem);
		}
	}
	
	return res;
}

이 함수를 호출하여 콜백을 전달해 보겠습니다:

let result = filter([1, 2, 3, 4, 5], function(elem) {
	if (elem % 2 === 0) {
		return true;
	} else {
		return false;
	}
});

이제 우리의 함수를 단순화해 보겠습니다. 먼저 if 구문을 제거하고 연산자 ===를 사용하여 조건을 직접 작성하겠습니다:

let result = filter([1, 2, 3, 4, 5], function(elem) {
	return elem % 2 == 0;
});

이제 일반 함수를 화살표 함수로 바꿔보겠습니다:

let result = filter([1, 2, 3, 4, 5], elem => elem % 2 == 0);

다음은 콜백이 있는 함수입니다:

let result = filter([1, 2, 3, 4, 5], function(elem) {
	if (elem > 0) {
		return true;
	} else {
		return false;
	}
});

콜백을 화살표 함수를 사용하여 단순화하세요.