[javascript] 애로우 함수와 반복문

이번 포스트에서는 애로우 함수반복문의 활용에 대해 알아보겠습니다.

애로우 함수란?

애로우 함수는 ES6에서 추가된 함수 표현식입니다. function 키워드 대신에 => 기호를 사용하여 함수를 간결하게 표현할 수 있습니다.

예를 들어, 다음은 기존 함수와 애로우 함수를 비교한 코드입니다.

// 기존 함수
function add(a, b) {
  return a + b;
}

// 애로우 함수
const add = (a, b) => a + b;

애로우 함수는 간단한 한 줄 함수를 표현할 때 유용하며, 함수 내부에서 this를 바인딩하는 방식도 다릅니다.

반복문과 애로우 함수

애로우 함수는 반복문에서도 유용하게 활용될 수 있습니다. 예를 들어, 다음과 같이 배열의 각 요소를 처리하는 반복문을 작성할 수 있습니다.

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

// 기존 반복문
numbers.forEach(function(number) {
  console.log(number);
});

// 애로우 함수 사용
numbers.forEach(number => console.log(number));

결론

애로우 함수는 코드를 간결하게 만들어주고, 반복문과 함께 사용할 때 보다 가독성을 높일 수 있습니다. 애로우 함수와 반복문을 적절히 활용하여 코드를 더욱 효율적으로 작성할 수 있습니다.

더 많은 정보를 원하실 경우 MDN 웹 문서를 참고하시기 바랍니다.