배열 메서드 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): 배열의 각 요소에 리듀서 함수를 실행하여 단일 결과값을 반환합니다.
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보다 큰 숫자만 포함하는 새 배열을 만들고 결과를 출력하세요.
직접 해보기
let numbers = [1, 2, 3, 4, 5];이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
기초의 모든 레슨
직접 연습해 보세요: 온라인 JavaScript 컴파일러