Map 메서드
Coddy JavaScript 여정의 논리 & 흐름 섹션에 포함된 레슨 — 65개 중 52번째.
map() 메서드는 호출하는 배열의 모든 요소에 대해 제공된 함수를 호출한 결과로 새로운 배열을 생성합니다. 이 메서드는 각 요소를 변환하여 동일한 길이의 새로운 배열을 반환합니다.
기본 구문:
let newArray = arr.map(function(currentValue, index, array) {
// newArray를 위한 요소 반환
});간단한 예제입니다:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]더 짧은 구문을 사용한 동일한 예제입니다:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]map() 메서드는 원본 배열을 변경하지 않습니다. 항상 새로운 배열을 반환합니다.
챌린지
쉬움이름(문자열) 배열을 인자로 받는 formatNames라는 이름의 함수를 만드세요. 이 함수는 map() 메서드를 사용하여 각 이름을 타이틀 케이스(각 단어의 첫 글자는 대문자, 나머지는 소문자)로 변환해야 합니다. 형식화된 이름들이 담긴 새 배열을 반환하세요.
치트 시트
map() 메서드는 원본 배열의 모든 요소에 대해 함수를 호출하여 새로운 배열을 생성합니다:
let newArray = arr.map(function(currentValue, index, array) {
// newArray를 위한 요소 반환
});화살표 함수를 사용한 예시:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]map() 메서드는 원본 배열을 변경하지 않으며 항상 동일한 길이의 새로운 배열을 반환합니다.
직접 해보기
function formatNames(names) {
return names.map(name => {
// 여기에 코드를 작성하세요
})
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
