JavaScript에서 map() 메서드 활용하기

JavaScript의 배열(Array)은 여러 요소를 순서대로 저장하는 자료구조입니다. map() 메서드는 배열의 각 요소에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 생성합니다. 이 글에서는 map() 메서드의 기능과 활용 방법을 소개하고, 간단한 예제를 통해 실습해보겠습니다.
 

map() 메서드란?

• map() 메서드는 배열의 각 요소에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. 기존 배열을 변경하지 않고 새로운 배열을 생성하기 때문에 원본 배열은 그대로 유지됩니다.

728x90

map() 메서드의 활용 방법:

• map() 메서드는 다음과 같은 구문으로 사용됩니다.

const newArray = array.map(callback(currentValue[, index[, array]])[, thisArg])

 

• callback: 각 요소에 대해 실행할 함수입니다.
• currentValue: 현재 처리 중인 요소의 값입니다.
• index (옵션): 현재 처리 중인 요소의 인덱스입니다.
• array (옵션): map() 메서드를 호출한 배열 자체입니다.
• thisArg (옵션): callback 함수 내부에서 this로 사용될 객체입니다.

map() 메서드 예제:

• 다음은 배열의 각 요소에 2를 곱한 결과를 새로운 배열로 반환하는 예제입니다.

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

 

map() 메서드 활용 예제:

• 다음은 객체 배열에서 특정 속성값만 추출하여 새로운 배열을 생성하는 예제입니다.

const users = [
    { id: 1, name: 'Alice' },
    { id: 2, name: 'Bob' },
    { id: 3, name: 'Charlie' }
];
const userNames = users.map(user => user.name);
console.log(userNames); // ['Alice', 'Bob', 'Charlie']

 
map() 메서드는 JavaScript에서 배열을 다룰 때 매우 유용하게 사용됩니다. 각 요소를 변형하거나 특정 속성값을 추출하여 새로운 배열을 생성하는 등의 다양한 용도로 활용할 수 있습니다.
 

반응형