[javascript] 익명 함수와 콜백 함수를 이용한 배열의 처리 방법

15 Dec 2023

javascript

자바스크립트에서 배열을 처리할 때 익명 함수와 콜백 함수를 이용하는 방법은 매우 유용합니다. 이를 통해 배열의 각 요소에 대해 사용자 지정 동작을 수행할 수 있습니다. 이번 포스트에서는 익명 함수와 콜백 함수를 활용하여 배열을 처리하는 방법에 대해 알아보겠습니다.

익명 함수(Anonymous Function)

익명 함수는 이름이 없는 함수로, 변수에 직접 할당하여 사용하거나 다른 함수의 인자로 전달할 수 있습니다. 예를 들어, 배열의 map() 메서드를 사용하여 각 요소에 익명 함수를 적용할 수 있습니다.

아래는 익명 함수를 사용하여 각 요소를 제곱하는 예제입니다.

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

const squaredNumbers = numbers.map(function (x) {
  return x * x;
});

console.log(squaredNumbers); // [1, 4, 9, 16, 25]

위 코드에서 map() 메서드에 익명 함수를 전달하여 각 요소를 제곱하고, 그 결과를 squaredNumbers 배열에 저장합니다.

콜백 함수(Callback Function)

콜백 함수는 다른 함수에 전달되어 나중에 호출되는 함수입니다. 자바스크립트에서 배열을 처리할 때 주로 사용되며, forEach(), filter(), reduce() 등의 메서드에 콜백 함수를 전달하여 각 요소를 처리합니다.

아래 예제는 콜백 함수를 사용하여 배열의 요소를 출력하는 예제입니다.

const colors = ['red', 'green', 'blue'];

colors.forEach(function (color) {
  console.log(color);
});

위 코드에서 forEach() 메서드에 콜백 함수를 전달하여 각 요소를 출력합니다.

마무리

이러한 익명 함수와 콜백 함수를 이용하면 배열을 손쉽게 처리할 수 있습니다. 이러한 함수들을 잘 활용하면 코드를 간결하게 작성할 수 있고, 가독성을 높일 수 있습니다.

의견이나 추가적인 질문이 있으시다면 언제든지 문의해주세요!

참고문헌: