반응형
자바스크립트에서는 람다 함수와 같은 기능을 하는 화살표 함수(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]
실습 과제
- 배열
[5, 3, 8, 6, 7, 2]
에서 홀수만 필터링하고 각 요소를 2배로 만든 결과를 출력하세요. - 두 문자열의 길이를 더한 값을 반환하는 화살표 함수를 작성하고, 문자열
"Hello"
와"World"
에 대해 결과를 출력하세요.
반응형
'도서로 공부하는 프로그래밍 > 코딩 자율학습' 카테고리의 다른 글
웹 개발에서 스토리보드란? (33) | 2024.07.21 |
---|---|
'맨발路' 지도 제작 플랫폼 기획 (33) | 2024.07.20 |
[NodeJS] 'for...in' 문, 'for...of'문과 비교해서 (31) | 2024.05.31 |
[NodeJS] 'for...of' 문과 'for...in' 문 (33) | 2024.05.30 |
[JS] 반복문의 비교, for...of와 for...in (36) | 2024.05.14 |