최신 자바스크립트 기술: 배열에서 람다식 활용하기

현대 웹 개발에서 자바스크립트는 그 어느 때보다도 중요해졌습니다. 그 중에서도 배열 조작을 위한 람다식(화살표 함수)은 코드의 간결함과 가독성을 높이는 데 기여하고 있습니다. 이번 포스팅에서는 자바스크립트 배열에서 람다식을 활용한 여러 예제를 정리해보겠습니다.

자바스크립트

1. 기본적인 람다식 문법

람다식은 '화살표 함수'라고도 불리며, 간단하게 함수를 표현할 수 있는 문법입니다. 전통적인 함수 표현식과 비교할 때 문법이 더욱 간결해집니다. 아래의 코드블럭을 통해 기본적인 문법을 살펴보겠습니다.

const sum = (a, b) => a + b;
console.log(sum(5, 10)); // 15

위 예제에서 볼 수 있듯, 'function' 키워드 대신 화살표(=>)를 사용하여 함수를 정의할 수 있습니다.

2. 배열의 map() 메서드와 람다식

이제 배열과 함께 람다식을 활용해보겠습니다. 가장 일반적으로 사용되는 메서드 중 하나가 'map()'입니다. 이 메서드는 각 요소에 대해 주어진 함수를 호출하고, 그 결과로 새로운 배열을 생성합니다.

const numbers = [1, 2, 3, 4, 5];
const squared = numbers.map(num => num * num);
console.log(squared); // [1, 4, 9, 16, 25]

위의 예제에서 'map()' 함수를 사용하여 각 숫자의 제곱을 구한 새로운 배열을 만들었습니다.

3. 배열의 filter() 메서드와 람다식

또 다른 유용한 배열 메서드인 'filter()'를 사용하여 특정 조건을 만족하는 요소를 선택할 수 있습니다.

const ages = [12, 18, 25, 30, 5, 16];
const adults = ages.filter(age => age >= 18);
console.log(adults); // [18, 25, 30]

위 예제에서는 'filter()' 메서드를 통해 성인(18세 이상)의 나이만 필터링하여 새로운 배열을 생성하였습니다.

4. 배열의 reduce() 메서드와 람다식

'reduce()' 메서드는 배열의 각 요소를 순회하며 누적값을 계산합니다. 예를 들어, 배열의 모든 숫자의 합을 구할 수 있습니다.

const nums = [1, 2, 3, 4, 5];
const total = nums.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(total); // 15

위 코드에서 'reduce()' 메서드는 누적합을 계산하여 최종적으로 15라는 결과를 반환합니다.

5. 배열의 forEach() 메서드와 람다식

'forEach()' 메서드는 배열의 각 요소에 대해 주어진 함수를 실행합니다. 결과를 반환하지는 않지만, 요소들을 그대로 다룰 수 있습니다.

const fruits = ['apple', 'banana', 'orange'];
fruits.forEach(fruit => console.log(fruit));
// apple
// banana
// orange

위의 경우, 'forEach()' 메서드를 사용하여 각 과일 이름을 콘솔에 출력했습니다.

결론

이번 포스팅에서는 자바스크립트 배열에서 람다식을 활용한 다양한 예제를 통해 코드 작성 시 유용한 메서드를 살펴보았습니다. 범용적인 배열 메서드인 'map()', 'filter()', 'reduce()', 'forEach()'와 함께 사용함으로써 더욱 간결하고 효율적인 코드를 작성할 수 있습니다.

이 글이 유익하셨다면, 공감 버튼을 눌러주세요!