본문 바로가기
도서로 공부하는 프로그래밍/코딩 자율학습

자바스크립트에서 람다 함수

by 열공노년 2024. 6. 7.
반응형

자바스크립트에서는 람다 함수와 같은 기능을 하는 화살표 함수(arrow function)가 있습니다. 화살표 함수는 더 간결한 구문으로 함수를 작성할 수 있게 해 줍니다. 기본 구문은 다음과 같습니다:

(param1, param2, ..., paramN) => { statements }

또는 표현식이 하나만 있는 경우에는 중괄호와 return 키워드를 생략할 수 있습니다:

(param1, param2, ..., paramN) => expression

예제 1: 간단한 화살표 함수

// 두 수의 합을 구하는 화살표 함수
const sum = (x, y) => x + y;
console.log(sum(10, 20));  // 출력: 30

예제 2: 배열 정렬에 화살표 함수 사용

// 정렬할 배열
const points = [{x: 2, y: 3}, {x: 1, y: 2}, {x: 4, y: 1}];

// y 값을 기준으로 배열을 정렬
const pointsSorted = points.sort((a, b) => a.y - b.y);
console.log(pointsSorted);  // 출력: [{x: 4, y: 1}, {x: 1, y: 2}, {x: 2, y: 3}]

예제 3: map 함수와 화살표 함수 사용

// 배열의 각 요소를 제곱
const numbers = [1, 2, 3, 4];
const squaredNumbers = numbers.map(x => x ** 2);
console.log(squaredNumbers);  // 출력: [1, 4, 9, 16]

예제 4: filter 함수와 화살표 함수 사용

// 배열에서 짝수만 필터링
const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(x => x % 2 === 0);
console.log(evenNumbers);  // 출력: [2, 4, 6]

실습 과제

  1. 배열 [5, 3, 8, 6, 7, 2]에서 홀수만 필터링하고 각 요소를 2배로 만든 결과를 출력하세요.
  2. 두 문자열의 길이를 더한 값을 반환하는 화살표 함수를 작성하고, 문자열 "Hello""World"에 대해 결과를 출력하세요.

caption: 실습 과제 정답

 

반응형