배열 메서드 Part 4
Coddy JavaScript 여정의 기초 섹션에 포함된 레슨 — 77개 중 69번째.
여기에 훨씬 더 많은 유용한 배열 메서드가 있습니다:
1. map(callback): 호출된 배열의 모든 요소에 대해 제공된 함수를 호출한 결과로 채워진 새 배열을 생성합니다.
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // 출력: [2, 4, 6]2. filter(callback): 제공된 함수에 의해 구현된 테스트를 통과하는 모든 요소로 새로운 배열을 생성합니다.
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 출력: [2, 4]3. reduce(callback, initialValue): 배열의 각 요소에 대해 리듀서(reducer) 함수를 실행하여 하나의 결과값을 반환합니다.
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 출력: 10
챌린지
쉬움배열 numbers = [1, 2, 3, 4, 5]가 주어집니다. 다음 단계를 수행하고 결과를 직접 출력하세요:
map()을 사용하여 각 숫자에 3을 곱한 새 배열을 생성하고, 그 결과를 출력하세요.filter()를 사용하여 3보다 큰 숫자만 포함하는 새 배열을 생성하고, 그 결과를 출력하세요.
치트 시트
데이터를 변환하고 필터링하기 위한 배열 메서드:
map(callback): 모든 요소에 함수를 적용하여 새로운 배열을 생성합니다:
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Output: [2, 4, 6]filter(callback): 테스트를 통과하는 요소들로 새로운 배열을 생성합니다:
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2, 4]reduce(callback, initialValue): 배열을 단일 값으로 줄입니다:
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 10직접 해보기
let numbers = [1, 2, 3, 4, 5];
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
