javascript map / javascript 배열 함수 map() 사용방법 및 예제

자바스크립트의 map() 메서드를 사용하여 배열의 각 요소에 대해 작업을 수행하고 새로운 배열을 생성할 수 있습니다. 이를 통해 배열의 각 요소를 변환하거나, 조건에 맞는 요소만 필터링하거나, 요소를 특정 형식으로 변형하는 등 다양한 작업을 수행할 수 있습니다.

 

map() 메서드는 원본 배열을 변경하지 않고, 새로운 배열을 반환하므로 기존 배열은 그대로 유지됩니다. 이를 활용하여 원하는 작업을 수행하고 새로운 배열을 얻을 수 있습니다.

배열의 각 요소를 제곱하는 간단한 예제 코드:

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map((number) => { return number * number; }); console.log(squaredNumbers);

이 코드는 numbers 배열의 각 요소를 제곱하여 squaredNumbers 배열에 저장합니다. map() 메서드는 numbers 배열의 각 요소에 대해 콜백 함수를 호출하고, 해당 요소를 변환한 값을 반환합니다. 이렇게 반환된 값들은 새로운 배열로 생성되어 squaredNumbers 변수에 할당됩니다.

위의 예제 코드의 실행 결과는 다음과 같습니다:

[1, 4, 9, 16, 25]

콜백 함수는 각 요소마다 한 번씩 호출되며, 현재 요소의 값이 number 매개변수로 전달됩니다. 콜백 함수의 반환 값은 변환된 값이 됩니다. 이 경우, 각 요소의 제곱 값을 반환하므로 number * number 식을 사용하였습니다.

위의 예제 코드를 실행하면, squaredNumbers 배열에는 numbers 배열의 각 요소를 제곱한 값들이 저장되어 출력됩니다. 이처럼 map() 메서드를 사용하면 배열의 각 요소를 변환하거나, 다른 형태로 매핑하는 등 다양한 용도로 활용할 수 있습니다.